bootstrap datepicker in bootstrap modal

Question

I have a modal window in the #editorWin div, which can be opened from multiple locations on the page. Each time it has a different content, coming from an Ajax query in the following way:

$('#editorWin').on('show.bs.modal', function (event) {
         $('#modalCont').html('Loading...')
         $.ajax({
                // load AJAX content and overwrite Load... message
         })
});

When the modal window is opened, I want to use a Bootstrap Datepicker widget in it. When I click on the datepicker however, the AJAX loaded content of my modal window disappears.

I suspect that opening the datepicker might trigger the show.bs.modal event and that messes with my former function but I'm not sure.

There is no JS error in the console.

Answer 1

I found the answer in a similar question: Bootstrap datepicker not woking in modal

To solve the issue, the show.bs.modal had to be replaced by shown.bs.modal.