引导Datepicker改变射击3次

Question

嗨，我一直在尝试只获得一个引导日期选择器的日期，并且已经能够，但它似乎激发了3次。注意：这不是jquery日期选择器，而是引导日期选择器。

使用此日期选择器：https://github.com/eternicode/bootstrap-datepicker，而不是老的eyecon。一号。

 $(".date-picker").on("change", function(e) {
      contents = $(this).val();
      id = $(this).attr('id');
      console.log("onchange contents: " + contents);
      console.log("onchange id: " + id);

 });

HTML:

<input id="start_date" type="text" data-date-format="yyyy-mm-dd" class="date-picker form-control" />

除了改变，我还使用了其他一些选项，比如

$('.date-picker').datepicker().change(function(){};

但这并没有结束日期选择器，希望有一个简单的解决方案。谢谢

Answer 1

正如一些人已经提到的，使用这个：

$('#calendar').on("changeDate", function() {

});

诀窍是使用changeDate而不是change。

Answer 2

它并没有解决这个问题，但我使用datepicker发送了一篇ajax帖子，所以3个更改事件给我带来了问题——第3个事件总是失败。即使文档中说要使用changeDate事件，在我看来，触发输入标签的change事件3次似乎也不对。值不会改变3次！

我写了一个简单的'防抖'函数来绕过这个问题。没有修复这个问题-这是由于多个更改事件被从方法：setValue（行508）_setDate：（行1048）和setValue（行508）（版本1.3.0）的小部件。

 var lastJQueryTS = 0 ;// this is a global variable.
 ....
 // in the change event handler...
    var send = true;
if (typeof(event) == 'object'){
    if (event.timeStamp - lastJQueryTS < 300){
        send = false;
    }
    lastJQueryTS = event.timeStamp;
}
if (send){
    post_values(this);
}

它非常简单，只需找到jquery“event”，并确保忽略300ms窗口中的值。在我的测试中，这一切都发生在30毫秒左右。

Answer 3

您应该使用“changeDate”事件。例如：

var datePicker = $('.date-picker').datePicker().on('changeDate', function(ev) {
    //Functionality to be called whenever the date is changed
});

请在这里查看留档，了解有关此事件的更多信息。