现在的位置: 首页 > 综合 > 正文

Jquery date picker z-index 问题,Timepicker,层叠样式z-index

2018年01月24日 ⁄ 综合 ⁄ 共 535字 ⁄ 字号 评论关闭

本文章来给大家介绍关于Jquery date picker z-index 问题,Timepicker,层叠样式z-index解决办法。

在使用 Jquery date Timepicker 时候 由于还使用了其他弹出层,导致层叠样式出现些问题。 总结下解决方法

方法一:css里加入这么一行

 代码如下 复制代码

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

方法二:

 代码如下 复制代码

$('#timepicker').datetimepicker({ 
    beforeShow: function() { 
        setTimeout(function(){ 
            $('.ui-datepicker').css('z-index', 9); 
        }, 0); 
    } 
});

方法三:

 代码如下 复制代码

$('#timepicker').datetimepicker({ 
    beforeShow:function(input) { 
        $(input).css({ 
            "position": "relative", 
            "z-index": 999999 
        }); 
    } 
});

抱歉!评论已关闭.