首頁 >web前端 >js教程 >如何在 FullCalendar 中建立僅在一周中的特定日期發生的重複事件?

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

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-11-20 16:33:26567瀏覽

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) &&
                event.end.isAfter(range.start));

    }).length)>0;
}

過夜:

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

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

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn