JQuery：日期范围选择器答案

【问题标题】：JQuery : Date Range PickerJQuery：日期范围选择器
【发布时间】：2015-10-30 04:51:33
【问题描述】：

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

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

昨天
过去 10 天
过去 30 天

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

【问题讨论】：

标签： javascript jquery datepicker daterangepicker

【解决方案1】：

你可以使用

<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>

【讨论】：

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

【解决方案2】：

您可以简单地使用 apply.daterangepicker 事件来了解所选选项。

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

我知道现在很晚，但它可能会帮助其他人。

干杯

【讨论】：