Bootstrap DatePicker - Onchange

Question

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

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

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

Answer 1

根据the docs，事件为dp.change：

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

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

Answer 2

你可以试试这个：

$("#myDatePicker").datetimepicker().on('changeDate', function(e) {
    alert('date has changed!');
});

Bootstrap doc reference：changeDate

Answer 3

对于Bootstrap datepicker，事件是changeDate，以防人们在寻找：Docs

＆＃13;

＆＃13;

$("input[name='Date']").datepicker().on('changeDate', function (e) {
  console.log(e); //Where e contains date, dates and format
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/js/bootstrap.js"></script>

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.css" rel="stylesheet"/>

<input name="Date"/>

＆＃13;

＆＃13;

＆＃13;

Answer 4

OnChange : Function(data)
{
valueAccessor()(data);
}