带Bootstrap模式对话框的Bootstrap日期picker

Question

我试图在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();" />

有人能告诉我为什么会发生这种情况以及如何解决这个问题吗?

Answer 1

这一行CSS应该可以帮助你:

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