Javascript 时间选择器出现在模式的后面

我正在使用JQuery的Timepicker插件。这是我的密码：

<div class="form-group">
     <label for="time">Time of Event</label>
     <input  id="time" class="timepicker" >
     </input>
</div>

<script>

$(document).ready(function() {
    $('input.timepicker').timepicker({});
});
</script>

事件发生时间
$（文档）.ready（函数（）{
$（'input.timepicker'）.timepicker（{}）；
});

然而，我得到了如下结果：

如您所见，时间选择器出现在模态窗体后面，我无法访问它。我认为这与z指数有关，所以我在玩弄它。但是，我现在不成功

这就是我尝试的：

有什么想法吗

---

编辑：好的，由于某种原因，当我试图更改

时间选择器的
z-index
时，它不会被更改。就像被什么东西覆盖了一样。但是，如果我在
谷歌Chrome Inspect
窗口中手动更改它，它会工作。
您必须为
计时器
容器应用
z-index

.ui-timepicker-container{ 
     z-index:1151 !important; 
}

为
.ui timepicker容器设置z-index
，如下所示：
.ui timepicker容器{z-index:1151！重要；}
我试过了，效果很好！哇，非常感谢。