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

以你之姓@ 2021-06-24 13:59 487阅读 0赞

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

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

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

方法二：

<table style="font-size:12px; color:rgb(0,0,0); font-family:微软雅黑,Arial,sans-serif; line-height:26px; background-color:rgb(255,187,119)"> 
 <tbody> 
  <tr> 
   <td>&nbsp;代码如下</td> 
   <td align="center" style="">复制代码</td> 
  </tr> 
  <tr> 
   <td colspan="2" style="padding:10px"> <p style="padding-top:3px; padding-bottom:3px; margin-top:0px; margin-bottom:0px"> $('#timepicker').datetimepicker({&nbsp;<br> &nbsp;&nbsp;&nbsp; beforeShow: function() {&nbsp;<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; setTimeout(function(){&nbsp;<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $('.ui-datepicker').css('z-index', 9);&nbsp;<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }, 0);&nbsp;<br> &nbsp;&nbsp;&nbsp; }&nbsp;<br> });</p> </td> 
  </tr> 
 </tbody> 
</table>

方法三：

<table style="font-size:12px; color:rgb(0,0,0); font-family:微软雅黑,Arial,sans-serif; line-height:26px; background-color:rgb(255,187,119)"> 
 <tbody> 
  <tr> 
   <td>&nbsp;代码如下</td> 
   <td align="center" style="">复制代码</td> 
  </tr> 
  <tr> 
   <td colspan="2" style="padding:10px"> <p style="padding-top:3px; padding-bottom:3px; margin-top:0px; margin-bottom:0px"> $('#timepicker').datetimepicker({&nbsp;<br> &nbsp;&nbsp;&nbsp; beforeShow:function(input) {&nbsp;<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(input).css({&nbsp;<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "position": "relative",&nbsp;<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "z-index": 999999&nbsp;<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });&nbsp;<br> &nbsp;&nbsp;&nbsp; }&nbsp;<br> });</p> </td> 
  </tr> 
 </tbody> 
</table>

[Link 1]: http://www.php100.com/tags.php/%B5%AF%B3%F6%B2%E3/