Jquery日期选择器显示在弹出窗口后面

时间:2015-04-14 06:37:38

标签: jquery jquery-widgets

当我点击弹出窗口中的文本字段时,日期选择器日历显示在该弹出窗口后面。日期选择器初始化的代码是

$("#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,即使它不起作用。帮助我解决我出错的地方。

1 个答案:

答案 0 :(得分:2)

    .ui-datepicker 
{
 z-index: 9999 !important; 
}

在我的css中添加此代码后,它运行正常。