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          });      }  });