Twitter bootstrap 3 引导日期选择器未在模式中工作

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

我使用event 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打开时，此事件再次被激发。 因此，它会删除日期输入的值。选择日期也不起作用

下面是一个演示问题的JSFIDLE：

---

知道怎么回事吗？

尝试使用

show

事件而不是

show

事件

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

试试这个

$（“input.date picker”）。单击（函数（）{

---

}))

没问题，不过你会注意到，你会在模式中看到日期的“闪光”，因为JavaScript在用户看到模式之前是不会执行的。请看一下我刚刚发布的关于这个问题的评论。也许这对你们也有帮助。这么多年后，我来到了这里，而用show代替show对我来说不是一个选择。我用一个黑客软件修复了这个问题，并提出了一个解决方案，也许您可以使用：

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