当我点击弹出窗口中的文本字段时,日期选择器日历显示在该弹出窗口后面。日期选择器初始化的代码是
$("#nextSubmitDate").datepicker({
changeMonth : true,
changeYear : true,
zIndex: 999999,
position:"relative",
dateFormat : "mm/dd/yy"
});
和弹出窗口初始化的代码是
var myPopup = new YAHOO.widget.Dialog("my-popup", {
modal : true,
visible : false,
fixedcenter : true,
constraintoviewport : true,
underlay : "matte",
width : "590px",
height : "470px",
zIndex: 200,
autofillheight : "none",
draggable : true,
close : false
});
JSFiddle:http://jsfiddle.net/muyp84hs
我在研究后也使用zIndex,即使它不起作用。帮助我解决我出错的地方。
答案 0 :(得分:2)
.ui-datepicker
{
z-index: 9999 !important;
}
在我的css中添加此代码后,它运行正常。