Bootstrap-datepicker: adding bootstrap-datepicker in a bootstrap modal that has 'show.bs.modal' event confilicting with datepicker's show event results to trigger modal's event

Created on 23 Oct 2015 · 5Comments · Source: uxsolutions/bootstrap-datepicker

Hi there, I have a bootstrap modal that has a event for 'show.bs.modal'. it loads a form via ajax, and this form has a datepicker object.
everytime you click on datepicker it triggers bootstrap modal's 'show.bs.modal' event. that results reloading form. again.

Source

mesuttalebi

Most helpful comment

This worked for me

$(your-date-picker).on("show", function(e){
     e.preventDefault();
     e.stopPropagation();
}).on("hide", function(e){
     e.preventDefault();
     e.stopPropagation();
});

dragonofmercy on 26 Jul 2016

👍3

All 5 comments

Any workaround for this 'bug'?

donnykurnia on 25 Feb 2016

Actually for workaround this issue, I changed my bootstrap event from 'show.bs.modal' to 'shown.bs.modal', I know this is not a solve for this problem, but for now I'm waiting for boostrap-datepicker to solve it.

mesuttalebi on 25 Feb 2016

This worked for me

$(your-date-picker).on("show", function(e){
     e.preventDefault();
     e.stopPropagation();
}).on("hide", function(e){
     e.preventDefault();
     e.stopPropagation();
});

dragonofmercy on 26 Jul 2016

👍3

thanks !