jQuery Full Calendar - 如何防止用户在非工作时间添加事件？

Question

jQuery Full Calendar - 如何防止用户在非工作时间添加事件？此外，非工作时间的背景颜色应变灰或应用任何自定义颜色。

示例：我的营业时间为：上午 9 点至下午 1 点以及下午 3 点至晚上 7 点。[下午 1 点至 3 点应有 2 小时休息时间]

代码：

$('#calendar').fullCalendar({
theme: true,
header: {
    left: 'prev,next today',
    center: 'title',
    right: 'month,agendaWeek,agendaDay'
},
defaultView: 'agendaWeek',
eventClick: updateEvent,
selectable: true,
selectHelper: true,
select: selectDate,
editable: true,
events: "JsonResponse.ashx",
eventDrop: eventDropped,
eventResize: eventResized,
eventRender: function(event, element) {
    //alert(event.title);
    element.qtip({
        content: {
            text: qTipText(event.start, event.end, event.description),
            title: '<strong>' + event.title + '</strong>'
        },
        position: {
            my: 'bottom left',
            at: 'top right'
        },
        style: { classes: 'qtip-shadow qtip-rounded' }
    });
}

任何帮助将不胜感激。

提前致谢。

Answer 1

我知道为时已晚，但我还没有看到正确的答案，所以这可能会有所帮助，这是非常简单的使用selectConstraint和eventConstraint选项，可以防止非工作时间的点击事件（来自完整日历 2.2 版本）。就我而言，我使用了selectConstraint: "businessHours" https://fullcalendar.io/docs/selection/selectConstraint/ https://fullcalendar.io/docs/event_ui/eventConstraint/