Javascript 单击“时的回调函数”;“选定日期”;日期选择器

Javascript 单击“时的回调函数”;“选定日期”;日期选择器,javascript,jquery,twitter-bootstrap,daterangepicker,Javascript,Jquery,Twitter Bootstrap,Daterangepicker,使用最新版本的 对于以下日历(在其网站中使用的标准示例): 在日历中选择日期时,将正确调用给定的回调函数。但是,如果我选择了已选择的活动日期,则弹出窗口将关闭,但不会调用回调函数。据我所知,在选择同一日期时,没有提供任何启动函数的机会 所以,我的问题是:是否有一种黑客方法可以在选择相同日期时调用回调函数 例如,我尝试使用以下代码将侦听器添加到活动单元格,但它也没有被触发: $('td.active.start-date.active.end-date.available').on('click

使用最新版本的

对于以下日历(在其网站中使用的标准示例):

在日历中选择日期时,将正确调用给定的回调函数。但是,如果我选择了已选择的活动日期,则弹出窗口将关闭,但不会调用回调函数。据我所知,在选择同一日期时,没有提供任何启动函数的机会

所以,我的问题是:是否有一种黑客方法可以在选择相同日期时调用回调函数

例如,我尝试使用以下代码将侦听器添加到活动单元格,但它也没有被触发:

 $('td.active.start-date.active.end-date.available').on('click', function () {
   console.log('the same date is selected')
 })

您可以做的是将一个额外的事件绑定到您的输入,当您选择一个选项时将调用该事件。请参阅以下代码(假设id为demo的元素是您的输入),因为您已经使用了jQuery,我的示例也使用了此代码:

$('#demo').on('change.datepicker', function(ev){
  var picker = $(ev.target).data('daterangepicker');
  console.log(picker.startDate); // contains the selected start date
  console.log(picker.endDate); // contains the selected end date 

  // ... here you can compare the dates and call your callback.
});

希望这会有帮助

您可以做的是将一个额外的事件绑定到您的输入,当您选择一个选项时将调用该事件。请参阅以下代码(假设id为demo的元素是您的输入),因为您已经使用了jQuery,我的示例也使用了此代码:

$('#demo').on('change.datepicker', function(ev){
  var picker = $(ev.target).data('daterangepicker');
  console.log(picker.startDate); // contains the selected start date
  console.log(picker.endDate); // contains the selected end date 

  // ... here you can compare the dates and call your callback.
});

希望这会有帮助

我不知道那件事怎么叫?
change.datepicker
是daterangepicker的标准事件,还是应该在调用它的某个事件上定义它?取而代之的是,我使用了一个
click
事件,但在
悬停
mouseenter
mouseleave
等都起作用,
click
根本不起作用。原因可能是什么?在哪种类型的控件上绑定daterangepicker?在常规输入上type=“text”?您可以发布正在使用或设置JSFIDLE的html吗?change.datepicker是daterangepicker中的标准事件,它将在绑定元素上触发,当您将另一个处理绑定到该事件时,就像在我的示例中一样,您只需将另一个侦听器添加到已经存在的事件中。这里记录了正式事件:除此之外,我还查看了javascript:搜索“事件侦听器”,您将看到其他几个可以使用的事件,例如:“change.daterangepicker”。很高兴我能帮上忙!我不知道那件事怎么叫?
change.datepicker
是daterangepicker的标准事件,还是应该在调用它的某个事件上定义它?取而代之的是,我使用了一个
click
事件,但在
悬停
mouseenter
mouseleave
等都起作用,
click
根本不起作用。原因可能是什么?在哪种类型的控件上绑定daterangepicker?在常规输入上type=“text”?您可以发布正在使用或设置JSFIDLE的html吗?change.datepicker是daterangepicker中的标准事件,它将在绑定元素上触发,当您将另一个处理绑定到该事件时,就像在我的示例中一样,您只需将另一个侦听器添加到已经存在的事件中。这里记录了正式事件:除此之外,我还查看了javascript:搜索“事件侦听器”,您将看到其他几个可以使用的事件,例如:“change.daterangepicker”。很高兴我能帮上忙!