Timepickerは、私はjQueryのTimepickerは、プラグイン使用していますモーダル

Question

の背後に表示されます。ここに私のコードです：。

<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容器{ z屈折率：このような

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