2

我正在尝试在 Bootstrap 模式对话框（Bootstrap 3.0）中使用 Bootstrap Datepicker。日期选择器在使用 Chrome 浏览器时根本不显示，但只有在插入确认或警报语句时才能在 Internet Explorer 中正确显示，如下面的代码所示。

   var GetDate = function () {
        BootstrapDialog.show({
            title: "Go To Date",
            message: '<div><input id="StartDate" type="text" /></div',
            draggable: true,
            closable: false,
            cssClass: 'login-dialog',
            buttons: [{
                label: "Return Date",
                action: function (dialogRef) {
                    alert($("#StartDate").val().toLocaleString());
                    dialogRef.close();
                }
            }]
        });

        // The code only works on IE9, IE10 and IE11 with the following line
        confirm();

        var dp = $("#StartDate");
        dp.datepicker({
            format: "dd/mm/yyyy",
            todayBtn: "linked",
            autoclose: true,
            todayHighlight: true,
            language: "en"
        });
    }

    <input id="Button1" type="button" value="button" onclick="GetDate();" />

有人能告诉我为什么会这样以及如何解决这个问题吗？

4

1 回答 1

1

这行 CSS 应该可以帮助您：

.datepicker.dropdown-menu { height:245px; width:210px; **z-index: 2000 !important; text-      indent:0px !important;**}

希望对你也有帮助...

于 2014-07-08T07:42:17.277 回答