溫馨提示×

fullcalendar支持哪些事件和回調(diào)函數(shù)

小樊
84
2024-09-03 00:53:03
欄目: 編程語言

FullCalendar 是一個流行的 JavaScript 事件日歷庫。它提供了許多事件和回調(diào)函數(shù)，以便于用戶與日歷進(jìn)行交互。以下是一些常用的 FullCalendar 事件和回調(diào)函數(shù)：

  1. 事件（Event Data）：

    • events：這是一個包含事件對象的數(shù)組，用于在日歷上顯示事件。每個事件對象都可以包含如下屬性：
      • id：事件的唯一標(biāo)識符。
      • title：事件的標(biāo)題。
      • start：事件的開始時間。
      • end：事件的結(jié)束時間。
      • allDay：指定事件是否為全天事件。
      • color：事件的顏色。
      • textColor：事件文本的顏色。
      • extendedProps：一個包含自定義屬性的對象。

  2. 回調(diào)函數(shù)（Callbacks）：

    • eventClick：當(dāng)用戶點擊事件時觸發(fā)。
    • eventMouseEnter：當(dāng)鼠標(biāo)移動到事件上時觸發(fā)。
    • eventMouseLeave：當(dāng)鼠標(biāo)離開事件時觸發(fā)。
    • eventDrop：當(dāng)用戶拖放事件以更改其位置或大小時觸發(fā)。
    • eventResize：當(dāng)用戶調(diào)整事件大小時觸發(fā)。
    • eventRender：在事件渲染到日歷上之前觸發(fā)。
    • eventContent：用于自定義事件內(nèi)容的回調(diào)函數(shù)。
    • eventDidMount：在事件掛載到 DOM 后觸發(fā)。
    • eventWillUnmount：在事件從 DOM 中移除之前觸發(fā)。
    • eventOrder：用于自定義事件排序的回調(diào)函數(shù)。

  3. 日期選擇（Date Selection）：

    • select：當(dāng)用戶選擇一個日期范圍時觸發(fā)。
    • unselect：當(dāng)用戶取消選擇一個日期范圍時觸發(fā)。
    • selectAllow：用于確定用戶是否可以選擇特定日期范圍的回調(diào)函數(shù)。

  4. 視圖（View）：

    • viewSkeletonRender：在視圖骨架渲染到 DOM 之前觸發(fā)。
    • viewSkeletonDestroy：在視圖骨架從 DOM 中移除之前觸發(fā)。
    • datesRender：在日期渲染到視圖中之前觸發(fā)。
    • datesDestroy：在日期從視圖中移除之前觸發(fā)。
    • viewDidMount：在視圖掛載到 DOM 后觸發(fā)。
    • viewWillUnmount：在視圖從 DOM 中移除之前觸發(fā)。

  5. 其他（Miscellaneous）：

    • loading：當(dāng)日歷正在加載事件數(shù)據(jù)時觸發(fā)。
    • initialEvents：用于初始化事件數(shù)據(jù)的回調(diào)函數(shù)。
    • initialView：用于設(shè)置日歷的初始視圖的回調(diào)函數(shù)。
    • nowIndicator：用于顯示當(dāng)前時間的指示器。
    • slotLabelFormat：用于自定義時間表視圖中的時間格式的回調(diào)函數(shù)。
    • slotDuration：用于設(shè)置時間表視圖中的時間間隔的回調(diào)函數(shù)。
    • slotMinTime：用于設(shè)置時間表視圖中的最小時間的回調(diào)函數(shù)。
    • slotMaxTime：用于設(shè)置時間表視圖中的最大時間的回調(diào)函數(shù)。

這些事件和回調(diào)函數(shù)只是 FullCalendar 提供的一部分功能。要了解更多信息，請參閱官方文檔：https://fullcalendar.io/docs

0 踩