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

JQuery

1个成员

发表于 2017-01-28 • 2686 次查看

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