Javascript JQuery:日期范围选择器_Javascript_Jquery_Datepicker_Daterangepicker

Javascript JQuery:日期范围选择器

javascript jquery

Javascript JQuery:日期范围选择器,javascript,jquery,datepicker,daterangepicker,Javascript,Jquery,Datepicker,Daterangepicker,如何识别用户是否从dateRangePicker中的预定义范围中选择例如，我有3个预定义选项，如昨天最后10天过去30天如果用户从上述选项中选择，或者如果用户选择其他时间段，我如何区分？您可以使用 <script src="jquery.comiseo.daterangepicker.js"></script> 示例代码： <head> <link href="jquery-ui.min.css" rel="stylesheet"&g

如何识别用户是否从dateRangePicker中的预定义范围中选择

例如，我有3个预定义选项，如

昨天
最后10天
过去30天

如果用户从上述选项中选择，或者如果用户选择其他时间段，我如何区分？

您可以使用

<script src="jquery.comiseo.daterangepicker.js"></script>

示例代码：

<head>
<link href="jquery-ui.min.css" rel="stylesheet">
<link href="jquery.comiseo.daterangepicker.css" rel="stylesheet">
<script src="jquery.min.js"></script>
<script src="jquery-ui.min.js"></script>
<script src="moment.min.js"></script>
<script src="jquery.comiseo.daterangepicker.js"></script>
  <script>
    $(function() { $("#e1").daterangepicker(); });
  </script>
 </head>
 <body>
    <input id="e1" name="e1">
   </body>


$（函数（）{$（“#e1”）.daterangepicker（）；}）；

您只需使用apply.daterangepicker事件即可了解所选选项

$('selector').on('apply.daterangepicker', function(ev, picker) {
      console.log(picker.chosenLabel)
});

我知道现在很晚了，但它可能会帮助别人

干杯

我的问题不是如何使用日期范围选择器。如何区分所选日期范围是预设值还是用户选择的？您可以将用户选择的日期与今天的日期进行比较，以找出预定义的日期集。