Bootstrap 日期选择器无法在模式下工作

Question

当我在模式中使用日期选择器时，日期选择器不工作。

我使用事件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();

})

但是当日期选择器打开时，这个事件又被触发了。 因此，它删除了日期输入的值。而且选择日期也不行。

这是一个演示问题的 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-picker").click(函数(){

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

});