Timepicker顯示模式

Question

我使用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> 

不過，我得到這樣的：

正如你所看到的，timepicker出現的背後模式形式，我無法訪問它。我認爲這與z-index有關，所以我正在玩這個。不過，我目前沒有成功。

這是我的嘗試：<input id="time" class="timepicker" style="z-index:1151 !important" >

任何想法？

編輯：好的，所以出於某種原因，當我嘗試更改timepicker的z-index時，它不會被更改。這就像它被一些東西所覆蓋。但是，如果我在Google Chrome Inspect窗口中手動更改它，它將起作用。

Answer 1

您必須爲timepicker容器申請z-index。

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