首頁 >web前端 >js教程 >如何在 FullCalendar 中建立具有特定範圍的重複事件?

如何在 FullCalendar 中建立具有特定範圍的重複事件?

Linda Hamilton
Linda Hamilton原創
2024-11-11 03:19:02259瀏覽

How to Create Recurring Events with Specific Ranges in FullCalendar?

FullCalendar 中的重複事件

在日曆中安排約會或可用性時,通常需要在特定日期重複發生的事件。 FullCalendar 提供了處理重複事件的選項,包括每日重複。

每日重複事件

要建立每日重複事件,請使用 dow 屬性指定一週的幾天。例如,以下事件僅在每週一上午7:00 至上午9:00 重複發生:

{
  title: "Morning Appointment",
  start: "07:00",
  end: "09:00",
  dow: [1] // Repeat on Mondays
}

有限制的每週重複事件

如果您希望重複事件具有特定的開始和結束日期,您可以使用range 屬性。每個範圍代表事件應處於活動狀態的時間段。例如,以下事件在3 月、5 月以及2017 年全年的每週一和週四重複發生:

{
  id: 1,
  start: "10:00",
  end: "12:00",
  dow: [1, 4],
  ranges: [
    {
      start: "2015/03/01",
      end: "2015/04/01"
    },
    {
      start: "2015/05/01",
      end: "2015/06/01"
    },
    {
      start: "2016/01/01",
      end: "2017/01/01"
    }
  ]
}

eventRender 回調可用於過濾掉指定範圍之外的任何事件.

隔夜重複事件

FullCalendar 支援隔夜事件。只需指定 24:00 之後的結束時間。例如,以下事件每週二晚上 10:00 到第二天凌晨 3:00 重複發生:

{
  title: "Overnight Event",
  start: "22:00",
  end: "03:00",
  dow: [2]
}

以上是如何在 FullCalendar 中建立具有特定範圍的重複事件?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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