FullCalendar 是一個流行的 JavaScript 事件日歷庫。它提供了許多事件和回調函數,以便于用戶與日歷進行交互。以下是一些常用的 FullCalendar 事件和回調函數:
事件(Event Data):
events
:這是一個包含事件對象的數組,用于在日歷上顯示事件。每個事件對象都可以包含如下屬性:
id
:事件的唯一標識符。title
:事件的標題。start
:事件的開始時間。end
:事件的結束時間。allDay
:指定事件是否為全天事件。color
:事件的顏色。textColor
:事件文本的顏色。extendedProps
:一個包含自定義屬性的對象。回調函數(Callbacks):
eventClick
:當用戶點擊事件時觸發。eventMouseEnter
:當鼠標移動到事件上時觸發。eventMouseLeave
:當鼠標離開事件時觸發。eventDrop
:當用戶拖放事件以更改其位置或大小時觸發。eventResize
:當用戶調整事件大小時觸發。eventRender
:在事件渲染到日歷上之前觸發。eventContent
:用于自定義事件內容的回調函數。eventDidMount
:在事件掛載到 DOM 后觸發。eventWillUnmount
:在事件從 DOM 中移除之前觸發。eventOrder
:用于自定義事件排序的回調函數。日期選擇(Date Selection):
select
:當用戶選擇一個日期范圍時觸發。unselect
:當用戶取消選擇一個日期范圍時觸發。selectAllow
:用于確定用戶是否可以選擇特定日期范圍的回調函數。視圖(View):
viewSkeletonRender
:在視圖骨架渲染到 DOM 之前觸發。viewSkeletonDestroy
:在視圖骨架從 DOM 中移除之前觸發。datesRender
:在日期渲染到視圖中之前觸發。datesDestroy
:在日期從視圖中移除之前觸發。viewDidMount
:在視圖掛載到 DOM 后觸發。viewWillUnmount
:在視圖從 DOM 中移除之前觸發。其他(Miscellaneous):
loading
:當日歷正在加載事件數據時觸發。initialEvents
:用于初始化事件數據的回調函數。initialView
:用于設置日歷的初始視圖的回調函數。nowIndicator
:用于顯示當前時間的指示器。slotLabelFormat
:用于自定義時間表視圖中的時間格式的回調函數。slotDuration
:用于設置時間表視圖中的時間間隔的回調函數。slotMinTime
:用于設置時間表視圖中的最小時間的回調函數。slotMaxTime
:用于設置時間表視圖中的最大時間的回調函數。這些事件和回調函數只是 FullCalendar 提供的一部分功能。要了解更多信息,請參閱官方文檔:https://fullcalendar.io/docs