FullCalendar - 在特定日期禁用/阻止时间

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是限制到您的功能，允许用户创建/编辑事件中相同的检查。