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是限制到您的功能，允許用戶創建/編輯事件中相同的檢查。