Bootstrap datepicker not woking in modal

Question

Когда я использую datepicker внутри модального, datepicker не работает.

Я использую show.bs.modal событий, чтобы изменить некоторые содержание модальный на выставке:

$(function(){ 
    $('#statusModal').on('show.bs.modal', function (event) { 
     var button = $(event.relatedTarget); 
     var title = button.data('title'); 
     var input_date = button.data('date'); 
     var modal = $(this); 

     modal.find('.modal-title').text('Clicked: ' + title); 
     modal.find('.modal-body #inputDate').val(input_date); 

     $('#inputDate').datepicker(); 

    }).on('hidden.bs.modal', function (event) { 
     $('#inputDate').datepicker('remove'); 
    }); 

    $('#inputDate2').datepicker(); 

}) 

Но это событие увольняют еще раз, когда открывается DatePicker. Из-за этого он удаляет значение ввода даты. И выбор даты тоже не работает.

Здесь jsfiddle, который демонстрирует проблему: http://jsfiddle.net/f9de9z8x/26/

Любая идея, что случилось?

Answer 1

Попробуйте использовать событие shown вместо события show.

$('#statusModal').on('shown.bs.modal', function (event) { 

http://jsfiddle.net/kp0q9s9L/

Answer 2

Попробуйте это,

$ ("input.date-подборщика") нажмите (функция() {

$("#ui-datepicker-div").css("z-index",5000);  

}).