jquery datepicker无法使用对话框

时间:2014-08-26 10:24:20

标签: jquery z-index jquery-ui-datepicker

注意:我查看了其他类似的问题,但那里的解决方案对我的原因没有帮助。

在网页中,我有一个日期选择器和对话框。我的datepicker正在生成但不会出现在前面,我怀疑是由于z-index。因此我将datepicker的css更改为

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; z-index: 9999 !important;

这适用于z-index(如下图所示),但我仍然没有在前面获得datepicker !! ??

enter image description here

1 个答案:

答案 0 :(得分:2)

尝试像这样设置z-index

    $("#elem").datepicker({
        dateFormat: "yy-mm-dd",
        beforeShow:function(){
            $(this).css({
                "position": "relative",
                "z-index": 999999
            });
        },              
        onClose:function(){
            $(this).css({
                "z-index": 1
            });
        }               
    });