Question

我正在寻找一些建议，选项和示例，如果我想在某些日子阻止/禁用某些时间。例如，如果我有日/周视图的时间表并且在星期五9点到5点之间说出商业书籍约会，但是在坐下那时打开8 - 4我怎样才能在视图上表示这个？

提前致谢。

Answer 1

你需要两件事。

首先，在fullcalendar构造函数中设置营业时间。然后，添加一个函数以防止将事件拖放到错误的日期。

$("#c").fullCalendar({
...
businessHours: { start: '09:00', end: '17:00', dow: [1, 2, 3, 4, 5] },
eventDrop: function (event, delta, revertFunc, jsEvent, ui, view) {
            eventDropOrResizeHandler(event, delta, revertFunc, jsEvent, ui, view);
        },
eventResize: function (event, delta, revertFunc, jsEvent, ui, view) {
            eventDropOrResizeHandler(event, delta, revertFunc, jsEvent, ui, view);
        }
});


function eventDropOrResizeHandler(event, delta, revertFunc, jsEvent, ui, view) {
    // check that event.start and event.end are within limits, and if not, call revertFunc();
}

最后，您应该添加相同的检查，即event.start和event.end在您的函数范围内，允许用户创建/编辑事件。

FullCalendar - 在某些日子禁用/阻止时间

1 个答案: