Bootstrap Datepicker为什么更改3次?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (60)

使用这个日期选择器:github.com/eternicode/bootstrap-datepicker,而不是旧的eyecon.ro。

 $(".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(){};

但是这不会关闭日期选择器

提问于
用户回答回答于

我写了一个简单的功能来解决这个问题。

 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'事件',并确保忽略300ms窗口中的值。在我的测试中,这一切都发生在30毫秒左右。

用户回答回答于

你应该使用“changeDate”事件。例如:

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

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励