0
<div align="center">
<span class="glyphicon glyphicon-time"></span>
<label for="start_time">Start</label>
<input name="start_time" id="start_time">
<p></p>
<span class="glyphicon glyphicon-time"></span>
<label for="finish_time">Finish</label>
<input name="finish_time" id="finish_time">
</div>
JSは、最小値と最大時間を設定します。
<script type="text/javascript">
$(document).ready(function(){
$('#start_time').pickatime({
//format: 'h:i A', // Displayed and application format
formatSubmit: 'HH:i:00',
hiddenName: true,
interval: 15, // Interval between values (in minutes)
min: '3:00 AM', // Starting value
max: '6:00 PM' // Ending value
//finish_time.set('min': start_time)
});
$('#finish_time').pickatime({
//format: 'h:i A', // Displayed and application format
formatSubmit: 'HH:i:00',
hiddenName: true,
interval: 15, // Interval between values (in minutes)
min: '3:00 AM', // Starting value
max: '6:00 PM' // Ending value
});
});
</script>
私がやっていることは、start_time pickerの最小開始時間を午前3:00に設定していますが、finish_time pickerの最小値はw start_time + 15分に選択された。あなたはこれについてどうやって行きますか?
このプラグインは、メソッド名_onSet_を持っています。 _start_time_要素の_min_値を設定するには_start_time_要素でそれを使用できます。 _start_time_ value + 15分が翌日であるかどうかを計算しなければならないと思います! – EhsanT
start_timeに、私はonSetを追加します:updateMin()\t function updateMin(){ \t \t $( '#finish_time')。setAttribute(min、$( "#start_time")。 \t} – Aaron
あなたが気付かなかった場合は、昨日回答を投稿しました! – EhsanT