完整日历限制计划程序中可选时间量

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;
    },
    //...
});