[英]JS Timepicker set harmonious min and max times
我从timepicker http://amsul.ca/pickadate.js/time/
有两个实例,开始和完成:
<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 AM,但将finish_time picker的最小开始时间设置为start_time + 15min。 您将如何去做?
好的,您的代码将是这样,但是正如我在评论中提到的那样,您必须检查start_time + 15min是否在第二天。
HTML
<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>
JavaScript的
$(document).ready(function(){
var finish_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
});
var start_time = $('#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
onSet: function(context) {
var finish_time_min = context.select + 15;
var hours = Math.floor(finish_time_min / 60);
var minutes = (finish_time_min - (hours * 60));
finish_time.pickatime('picker').set('min', [hours, minutes]);
}
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.