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

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

Linda Hamilton
發布: 2024-11-11 03:19:02
原創
243 人瀏覽過

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

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