在jQuery时间选择器中设置最大时间
Setting max time in jQuery Timepicker
下面是我的时间选择器的当前JQuery。如果从#from
字段中选择时间,则将#to
的最大时间设置为所选时间。
如果我从#from
拾取凌晨1点,#to
可以拾取的最大时间是凌晨1点。
var osmaxtime = '20';
$('#from').timepicker({ 'minTime': '9','maxTime': '8','scrollDefaultNow': true,'step': 60 });
$('#from').on('changeTime', function() {
var sFrom=$(this).val();
$('#to').timepicker({ 'minTime': '9','maxTime':sFrom,'scrollDefaultNow': true,'step': 60 });
});
$('#to').timepicker({ 'minTime': '9','maxTime': osmaxtime,'scrollDefaultNow': true,'step': 60 });
现在我想根据#from
字段增加#to
字段的最大时间。
。,如果我从#from
取凌晨1点,#to
的最大时间是凌晨4点(+4小时)
$('#from').on('changeTime', function() {
var sFrom=$(this).val();
var sFromPuls=sFrom+4;// Here is the problem because the value of sFrom is in String or something else.
$('#to').timepicker({ 'minTime': '9','maxTime':sFrom,'scrollDefaultNow': true,'step': 60 });
});
用Number包围var,使jQuery能够将其识别为数字,并为其添加4
$('#from').on('changeTime', function() {
var sFrom=$(this).val();
var sFromPuls=Number(sFrom)+4; // Surround with Number()
$('#to').timepicker({ 'minTime': '9',
'maxTime':sFromPuls, //write correct var name
'scrollDefaultNow': true,
'step': 60 });
});
您可以参考onSelect文档并在您的时间选择器上使用它
$('#example').datetimepicker({
onSelect: function(){
//Here you can add 4 hours to the start time
}
});
我的问题解决了以下代码-
$('#from').timepicker({ 'minTime': 8,'maxTime': 20,'scrollDefaultNow': true,'step': 60 });
$('#from').on('change', function() {
var fromTime=$(this).val();
var hrs = Number(fromTime.match(/^('d+)/)[1]);
var format = fromTime.match(/00(.*)$/)[1];
if (format == "pm" && hrs < 12) hrs = hrs + 12;
if (format == "am" && hrs == 12) hrs = hrs - 12;
var hours = (hrs+4).toString();
var sFromPuls= (parseInt(osSeletecdTime)+4).toString();
$('#to').timepicker({ 'minTime': fromTime,'maxTime':hours ,'scrollDefaultNow': true,'step': 60 });
});
相关文章:
- 更改默认时区后,如何在本地时间设置时刻格式
- 使用HTML5 Navigation Timing API时,导航开始时间设置为0
- 具有完整时间设置的嵌套 JQuery 动画
- 清除间隔在 6 个时间设置后不起作用间隔
- JQuery 日期选择器 - 根据当前时间设置 MinDate
- 通过Javascript错误将考试时间设置为30分钟
- 如何将东部标准时间设置为日期选择器 (jquery ui) - 使用 javascript
- 如何在javascript中将当前时间设置为其他时间
- 使用JS根据时间设置列的背景颜色
- 如何将一些指定的时间设置为ajax调用,这样如果请求正在花费时间检索数据,它应该来到FAIL块
- 如何将时间设置为定期?JAVA
- 根据一天中的时间设置默认选项的选定值
- 将默认时间设置为mobisroll时间选择器
- 如何在正确的时间设置JS事件
- 客户端时间设置在javascript中破坏了可读日期
- jQuery Timepicker和jQuery Datepair:如何将结束时间设置为15分钟
- Bootstrap DateTimePicker将时间设置为午夜
- 如何将这种日期时间设置为“2013-03-12T22:15:40+08:00”到“12 Mar 2012 02:15:4
- 使用php服务器时间设置Javascript时间
- 如何实现将新的Firebase自定义身份验证最大过期时间设置为1小时的用例