如何使BootPrap（插件）的ClockPicker出现在Bootstrap Modal弹出窗体中？

以下是ClockPicker for Bootstrap的链接： http ：//www.jqueryrain.com/？B83aD_dg

它完美地运作; 但是，当我尝试使用它来填充Bootstrap模式弹出窗口中的文本输入时，时钟出现在模式弹出窗口后面。 如何让时钟选择器出现在模态弹出窗口中（或前面）呢？

这是一个发生的事情的图像：

我已经尝试将div的z-index改为前面; 我也尝试将clockpicker.css中每个元素的z-index更改为前面（例如：z-index：1120）。 然而，所有这一切都使时钟消失。

 
 
 
 
 × 
Appointment Scheduler
 
 
 
 
 
 
 
 
 
     
  var input = $('#time'); input.clockpicker({ autoclose: true });   
 
 
 
 
 
 
 
 
 
  

Answer 1

我用你的代码制作了一个JSFiddle 。

我怀疑问题是模态的z-index高于时钟模态的z-index。

要解决此问题，您需要做的就是在CSS中添加：

 .clockpicker-popover { z-index: 999999; } 

Answer 2

只需将此样式添加到您的时钟选择器

 .clockpicker-popover { z-index: 999999 !important; }