我在禁用当前时间ex时遇到了一些麻烦。如果日期时间为2018年12月12日-上午10:00,并且所有过去的时间之前上午10:00需要禁用。
但是,当我选择未来日期并重新启用这些时间时,我想找到一种方法重新启用。
这是小提琴。 http://jsfiddle.net/arunpjohny/rngwefrh/4/
var min = new Date(),
strMin = $.datepicker.formatDate("mm/dd/yy", min);
min.setHours(min.getHours() + 6);
min.setMinutes(min.getMinutes() + (15 - min.getMinutes() % 15))
$('#datePicker').datepicker({
minDate: min,
onSelect: function(v) {
$('#timePicker').timepicker('option', 'minTime', v == strMin ? formatTime(min) : '12:00am');
}
}).datepicker('setDate', min);
$('#timePicker').timepicker({
'step': 15,
'forceRoundTime': true,
'timeFormat': 'H:i',
'minTime': formatTime(min)
});
$('#timePicker').timepicker('setTime', min);
function formatTime(dt) {
return dt.getHours() + ':' + ('0' + dt.getMinutes()).slice(-2) + (dt.getHours() >= 12 ? 'pm' : 'am')
}
<input id="datePicker" />
<input id="timePicker" />
上面的小提琴是由以下问题引起的:Jquery Timepicker - schedule time to 6hrs from current time
然后我发现了另一个小提琴,该小提琴由相同的stackoverflow问题放在顶部,与我正在寻找的东西相似:https://jsfiddle.net/n23h6ac1/
function formatAMPM(date) {
var hours = date.getHours();
var minutes = date.getMinutes();
var ampm = hours >= 12 ? 'pm' : 'am';
hours = hours % 12;
hours = hours ? hours : 12; // the hour '0' should be '12'
minutes = minutes < 10 ? '0'+minutes : minutes;
var strTime = hours + ':' + minutes + '' + ampm;
return strTime;
}
time_plus_6 = new Date(new Date().getTime()+1*3600*1000);
$('#timePicker').timepicker({
'step': 15,
'forceRoundTime': true,
'timeFormat': 'H:i',
'disableTimeRanges': [
[0, formatAMPM(time_plus_6)]
]
});
$('#timePicker').timepicker('setTime', time_plus_6);
<input id="timePicker">
这确实会禁用当前时间和,但在选择其他未来日期时会重新启用 ALL 时间。
很长的问题我深表歉意。任何帮助都将如此巨大!