twitter-bootstrap - Bootstrap DatePicker - Onchange

Question

我正在使用 Bootstrap 3 Datepicker插入。当用户选择日期时，我想更新 UI 的各个部分。我基本上是在尝试创建一个在日期更改时调用的函数。但是，我的尝试没有成功。目前，我正在尝试以下

$('#myDatePicker').datetimepicker({
  change: function() {
    alert('date has changed!');
  }                  
});

不幸的是， change函数永远不会触发。在日期选择器中更改日期时如何调用函数？

Answer 1

Bootstrap 4

Bootstrap 4 不再支持 eonasdan datepicker 插件，但有一个新插件:https://tempusdominus.github.io/bootstrap-4

"Tempus Dominus is the successor to the very popular Eonasdan/bootstrap-datetimepicker"

要检测更改事件，请使用:

$("#datetimepicker1").on("change.datetimepicker", function (e) {
    if (e.oldDate !== e.date) {
        alert('You picked: ' + new Date(e.date).toLocaleDateString('en-US'))
    }
})

日期选择器演示: https://codeply.com/p/kS0t1Ko61K

Bootstrap 3 (原答案)

根据 the docs , 事件为 dp.change :

$('#myDatePicker').datetimepicker().on('dp.change',function(e){
    console.log(e)
})

http://www.codeply.com/go/5cBJkEHiAt