Bootstrap Datepicker Trigger Change Event Example

By Hardik Savani November 5, 2023 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....

Shares