FullCalendar 限制调度程序中的可选时间量

Question

在我的调度程序视图中，我试图将用户可以选择的时间限制为最多 4 小时。我认为selectConstraint 会是票，但看不到应用最大可选持续时间的方法。

我希望得到类似于 selectConstraint: {duration: '04:00'} 或 duration: '240' 的内容（以分钟为单位）。

或者...可能限制可选插槽的数量？我把它分成了 15 分钟的增量，那么有没有办法将选择限制为最多 16 个插槽？

我一直在搜索 FullCalendar Docs（我认为这是相当糟糕的 IMO...），但我似乎找不到关键成分。

有人吗？

$('#schedulerCalendar').fullCalendar({
     defaultView: 'agendaDay',
     defaultDate: moment(systemDate),
     eventClick: $scope.eventClick,
     editable: true,
     eventOverlap: false,
     selectable: true,
     selectHelper: true,
     select: $scope.dayClick,
     slotDuration : '00:15:00',
     slotEventOverlap: false,
     allDaySlot: false,

     // Display only business hours (8am to 5pm)
     minTime: "08:00",
     maxTime: "17:00",

     businessHours: {
         dow: [ 1, 2, 3, 4, 5], // Monday - Thursday
         start: '08:00', // start time (8am)
         end: '17:00', // end time (5pm)
     },

    hiddenDays: [ 0, 6 ],  // Hide Sundays and Saturdays

    events: function (start, end, timezone, callback) {
        callback($scope.eventSources);
    },
});

Answer 1

您可以使用 fullCalendar 的 selectAllow 和 moment duration asHours 函数：

$('#schedulerCalendar').fullCalendar({  
    //....
    selectAllow: function(selectInfo) { 
         var duration = moment.duration(selectInfo.end.diff(selectInfo.start));
         return duration.asHours() <= 4;
    },
    //...
});