javascript - 如何使用日期时间选择器确定整周的开放时间分钟数？

Question

使用 DateTimepicker 我想将整周的商店营业时间设置为上午 10:30(例如)。使用这段代码我可以限制工作时间。

var curentDate = new Date();
var lastDate = new Date();
lastDate.setDate(curentDate.getDate() + 6);
$('#txtdate').datetimepicker({
    inline: true,
    sideBySide: true,
    maxDate: lastDate,
    minDate: curentDate,
    enabledHours: HoursArray()
});

我将其设置为 15 分钟增量，但我不确定如何为一周中的所有日子设置分钟。另外，我想在每天上午 10:30 之前禁用分钟。

有人可以指导我吗？

Answer 1

我没有看到图书馆公开任何设置每天默认时间的方法，但您可以使用他们的 events API 将控制权掌握在自己手中。和 date()方法。您可以像这样监听更改事件:

$(document).on('dp.change', manipulateTime);

该事件显示日历的新日期和旧日期。如果日期不同，您可以使用 date() 方法更改新日期的时间。

function manipulateTime(e){

  if(!e.date.isSame(e.oldDate, "day")){
    $(e.target).data("DateTimePicker").date(e.date.set({
      'hour' : 10,
      'minute'  : 30
    }));
  }

}

进一步说明

---

当事件触发时，它返回三个必要的引用，date、olddate、target。

调用 DateTimePicker 函数

• Note according to their documentation you can use their methods like this: All functions are accessed via the data attribute e.g. $('#datetimepicker').data("DateTimePicker").FUNCTION()

使用事件

当您调用dp.change事件时。回调函数将返回一个对象e，该对象具有以下可访问属性:

e 属性

e = {
    date, //date the picker changed to. Type: moment object (clone)
    oldDate //previous date. Type: moment object (clone) or false in the event of a null,
    target // targeted date picker,
    and more...
}