Bootstrap DatePicker - Onchange

Question

I am using the Bootstrap 3 Datepicker plugin. When a user selects a date, I want to update various parts of my user interface. I am basically trying to create a function called when the date changes. However, I was not successful in my attempts. I am currently trying to do the following

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

Unfortunately, the change function never works. How do I call a function when the date changes in the date pick list?

Answer 1

According to the docs , the dp.change event:

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

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

Answer 2

You can try the following:

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

Link to boot document: changeDate

Answer 3

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