我被迫使用较旧版本的jquery ui,即1.8.10。在此版本中,datepicker中存在一个z-index设置错误,有时会使其出现在其他控件下方。我只是想调整dp的z-index,以使其显示在其他控件之上。我尝试在.js文件中更改z-index,但失败了。我读到必须在aftershow事件中设置此值,因为如果它更早,该值将被覆盖(不确定是否正确)。以下是我创建dp实例的示例...我还将时间选择器附加到了日期选择器上。
$(function () {
$("input[id$='txtPreviousCutOff']").datetimepicker({
timeFormat: "hh:mm tt",
stepMinute: 5
});
$("#dpimage6").click(function () {
$("input[id$='txtPreviousCutOff']").datepicker("show")
});
});
.modal
,它具有z-index: 1050
。我建议不要同时/在同一页/整个项目中混合使用jquery-ui和bootstrap。但是切换到一种独占模式以避免这种干扰。 - Roland