JQuery:日期范围选择器

时间:2015-10-30 04:51:34

标签: javascript jquery datepicker daterangepicker

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

例如,我有3个预定义的选项,如

  • 昨天
  • 过去10天
  • 过去30天

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

2 个答案:

答案 0 :(得分:0)

你可以使用

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

答案 1 :(得分:0)

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

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

我知道它已经晚了但可能对其他人有所帮助。

欢呼声