How to trigger change event of bootstrap datepicker js?
I was working on my codeigniter application and i used bootstrap 3. i also used bootstrap datepicker js on it. Same time i need to trigger change event of bootstrap datepicker on page load. i can set default date on datepicker but i have issue to trigger date change event in bootstrap datepicker.
Finally, i found the solution to trigger change event of bootstrap datepicker plugin. we can trigger bootstrap datepicker change event by using 'changeDate' of that element. you can see following example to make it done.
Example:
$('#event_date').datepicker({
autoclose: true,
format: 'mm/dd/yyyy',
daysOfWeekDisabled: "6,0",
language: "en"
}).on('changeDate', function(e) {
console.log('changeDate event trigger');
});
/* Trigger on load or any where */
$('#event_date').trigger('changeDate');
I hope it can help you....

Hardik Savani
I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Laravel, Angular, Vue, Node, Javascript, JQuery, Codeigniter and Bootstrap from the early stage. I believe in Hardworking and Consistency.
We are Recommending you
- Bootstrap year picker example using datepicker js
- Angularjs Simple Datepicker directive example code with Demo
- How to change view mode in bootstrap datepicker like yyyy-mm?
- Jquery Datepicker example code with demo using Jquery UI
- Bootstrap Datepicker Change Date Format Example
- How to use Datepicker in Bootstrap?