Bootstrap DatePicker - Onchange

我正在使用Bootstrap 3 日期选择器 http://eonasdan.github.io/bootstrap-datetimepicker/插入。当用户选择日期时，我想更新用户界面的各个部分。我基本上试图创建一个在日期更改时调用的函数。然而，我的尝试一直没有成功。目前，我正在尝试以下操作

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

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

引导程序4

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

“Tempus Dominus 是非常流行的 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 https://codeply.com/p/kS0t1Ko61K

引导程序3（原答案）

根据the docs http://eonasdan.github.io/bootstrap-datetimepicker/Events/#dpchange，事件是dp.change:

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

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