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