如何在 jQuery datetimepicker 中禁用选定的日期和时间

Question

我正在使用 jQuery datetimepicker。添加日期选择器以预订日期和时间。这是它应该如何工作的。

从周日到周六启用日期选择器，周三除外，时间是上午 8 点到下午 6 点 周二可用时间为上午 8 点至下午 2 点

当有人预订的日期不应该提供给其他人时，我正在尝试使用 disabledDates 但不起作用。

这是脚本

function DisableWed(date) {

    var day = date.getDay();
    // If day == 1 then it is Wednesday
    if (day == 3) {

    return [false] ; 

    } else { 

    return [true] ;
    }
  }
$('#pickdate').datetimepicker({
    format: 'Y-m-d H:s',
    beforeShowDay: DisableWed,
    minDate: 0,
    disabledDates: ['2016-11-03 09:00'],
    allowTimes: ['08:00','09:00','10:00','11:00','12:00','13:00','14:00','15:00','16:00','17:00']
});

正如http://xdsoft.net/jqplugins/datetimepicker/ minTime 和 disabledDates 所描述的，似乎对我不起作用。

Answer 1

你不需要 beforeShowDay 来禁用周三，如果你查看文档，他们确实为你禁用了WeekDays。

disabledWeekDays: [3] // will disable Wednesday

然后您可以使用 onChangeDateTime 检查用户点击的日期，以便您可以根据用户的选择重置允许的时间。

 onSelectDate:function(dp,$input){ // this will switch available time when choose the day
  if (dp.getDay() == 2) {
    this.setOptions({
      allowTimes: ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00']
    });
  } else {
    this.setOptions({
      allowTimes: ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00']
    });
  }

您还可以为初始允许时间做一个 if 语句来检查当天是否是星期二，它是星期二，初始允许时间是上午 8 点到下午 2 点，如果不是上午 8 点到下午 6 点

allowTimes: new Date().getDay() == 2 ? ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00'] : ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00'], // this we show 8am-2pm if today day is Tuesday

见我的DEMO