How to trigger change event of bootstrap datepicker js?

By Hardik Savani | November 21, 2018 | | 20851 Viewer | Category : Bootstrap


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
My name is 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, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.
***Do you want me hire for your Project Work? Then Contact US.


We are Recommending you: