jQuery UI datetimepicker:禁用当前时间和过去时间。在将来的日期启用所有时间

时间:2018-12-12 09:21:45

标签: javascript jquery jquery-ui jquery-ui-datepicker datetimepicker

我在禁用当前时间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 时间。

很长的问题我深表歉意。任何帮助都将如此巨大!

0 个答案:

没有答案