首頁 > web前端 > js教程 > 主體

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

Mary-Kate Olsen
發布: 2024-11-20 16:33:26
原創
441 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板