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

来源:转载

本文章来给大家介绍关于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

        });     }
});




分享给朋友:
您可能感兴趣的文章:
随机阅读: