如何在 FullCalendar 中建立僅在一周中的特定日期發生的重複事件？-js教程-PHP中文網

如何在 FullCalendar 中建立僅在一周中的特定日期發生的重複事件？

Mary-Kate Olsen

發布： 2024-11-20 16:33:26

原創

547 人瀏覽過

How can I create recurring events in FullCalendar that occur only on specific days of the week?

FullCalendar 中的重複事件

FullCalendar 提供了多種處理重複事件的選項，包括按天。要建立僅在一周中的某些天發生的重複事件，您可以使用 dow（星期幾）數組。

簡單重複事件：

對於簡單的每週重複事件，例如“每週一和周四上午10:00 到下午02:00”，您可以使用以下內容代碼：

events: [{
    title:"My repeating event",
    start: '10:00',
    end: '14:00',
    dow: [ 1, 4 ] // Repeat monday and thursday
}]

登入後複製

新增限制：

要將重複次數限制為特定的開始和結束日期，請使用範圍數組：

eventId  timeStart  timeEnd   dow    dateStart      dateEnd
     1      10:00    12:00  [1,4]  2015/03/01   2015/04/01  // Month of March
     1      10:00    12:00  [1,4]  2015/05/01   2015/06/01  // Month of May
     1      10:00    12:00  [1,4]  2016/01/01   2017/01/01  // Year of 2017

登入後複製

在客戶端，使用eventRender過濾掉指定範圍之外的事件範圍：

eventRender: function(event){
    return (event.ranges.filter(function(range){ 
        return (event.start.isBefore(range.end) &amp;&amp;
                event.end.isAfter(range.start));

    }).length)>0;
}

登入後複製

過夜：

對於跨越多天的過夜活動，只需將結束時間設定為大於24:00：

{
  start: '10:00', 
  end:   '27:00', 
  dow: [1]
}

登入後複製

以上是如何在 FullCalendar 中建立僅在一周中的特定日期發生的重複事件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！