fullcalendar-V5版-Event Model说明

Event Model

event对象属性表：

id	字符串。事件的唯一标识符。有用的GetByEventId.
groupId	字符串。共享组id将一起自动拖动和调整大小。
allDay	布尔型(true 或 false) 确定事件是否显示在相关视图的“全天”部分中。另外，如果true时间文本不随事件一起显示。
start	日期对象顺流而下时区. 当事件开始时。
end	日期对象顺流而下时区. 当事件结束时。可能是的null如果没有指定结尾。 注意：此值是独占的. 例如，具有end属于2018年9月3日看起来像是穿过2018年9月2日但在开始之前结束2018年9月3日。看看事件是怎样的从普通对象解析更多细节。
startStr	ISO8601字符串的开始日期。如果活动是一整天，就没有时间部分。
endStr	结束日期的ISO8601字符串表示。如果活动是一整天，就没有时间部分。
title	字符串。将出现在事件上的文本。
url	字符串。用户单击此事件时将访问的URL。有关控制此行为的详细信息，请参阅事件单击回拨。
classNames	像这样的字符串数组['myclass1，myclass2']. 确定哪些HTML类名将附加到呈现的事件。
editable	布尔型(true 或 false) 或者null. 重写可编辑此特定事件的设置。
startEditable	布尔型(true 或 false) 或者null. 重写事件启动表此特定事件的设置。
durationEditable	布尔型(true 或 false) 或者null. 重写事件持续时间可编辑此特定事件的设置。
resourceEditable	布尔型(true 或 false) 或者null. 重写事件资源可编辑此特定事件的设置。
display	此事件的呈现类型。可以是'自动','块','列表项','背景','反向背景'，或'无'. 看到了吗事件显示.
overlap	重写事件重叠此特定事件的设置。如果假，防止此事件在其他事件上被拖动/调整大小。还可以防止其他事件在此事件上被拖动/调整大小。不接受函数。
constraint	这个事件约束此事件的特定重写。
backgroundColor	这个事件背景颜色此事件的特定重写。
borderColor	这个事件边框颜色此事件的特定重写。
textColor	这个事件文本颜色此事件的特定重写。
extendedProps	一个普通对象，包含解析期间指定的其他各种属性。接收显式给定的extendedProps哈希以及其他非标准属性。
source	引用事件源这件事的来历。如果事件是通过附加，以及source未指定参数，则此值将null.

 

---

 

非标准字段

除上述字段外，您还可以在每个事件对象中包含自己的非标准字段。FullCalendar不会修改或删除这些字段。例如，开发人员通常包括描述在回调中使用的字段，如事件呈现挂钩. 任何非标准属性都将移动到extendedProps哈希期间事件解析.

var calendar = new Calendar(calendarEl, {
  events: [
    {
      title: 'BCH237',
      start: '2019-08-12T10:30:00',
      end: '2019-08-12T11:30:00',
      extendedProps: {
        department: 'BioChemistry'
      },
      description: 'Lecture'
    }
    // more events ...
  ],
  eventDidMount: function(info) {
    console.log(info.event.extendedProps);
    // {description: "Lecture", department: "BioChemistry"}
  }

});

　　

---

 

methods方法

calendar(初始化定义名)

calendar.getEvents() -> Array

此方法将返回FullCalendar存储在客户端内存中的事件对象数组。

calendar.getEventById( id )

返回具有匹配id的单个事件。id必须是字符串或数字。如果找到，将返回一个事件对象，否则返回null。

calendar.addEvent( event [, source ] )

向日历中添加新事件。

event(通过上述方法获得的单个event)

event.setProp( name, value )

修改事件对象的任何与日期无关的属性。这将导致事件重新呈现。如果有其他事件共享相同的groupId，那么这些事件的属性也将进行类似的修改。

event.setExtendedProp( name, value )

修改事件对象的extendedProps哈希中的单个属性。

event.setStart( date, [ options ] )

设置事件的开始日期。如果要同时设置开始和结束，请改用setDates。如果有其他事件共享相同的groupId，那么这些事件的日期也将进行类似的修改。

event.setEnd( date )

设置事件的结束日期。

event.setDates( start, end, [ options ] )

同时设置事件的start date、end date和allDay属性。如果有其他事件共享相同的groupId，那么这些事件的日期也将进行类似的修改。

event.setAllDay( bool, [ settings ] )

设置是否全天考虑某个事件。布尔必须是真是假。

event.moveStart( delta )

将按特定时间段移动事件的开始日期。此方法不修改事件的结束日期。如果修改开始，但保持结束不变，则实际上是在更改事件的持续时间。这就是为什么这个方法类似于从一开始调整事件的大小。如果你想把开始日期和结束日期一起移动的话。如果有其他事件共享相同的groupId，那么这些事件的日期也将进行类似的修改。

event.moveEnd( delta )

将事件的结束日期移动特定时间段。事件的开始日期将保持不变，这使得此方法不适用于从结束日期调整事件大小。如果你想把开始日期和结束日期一起移动的话。如果有其他事件共享相同的groupId，那么这些事件的日期也将进行类似的修改。

event.moveDates( delta )

将按特定时间段移动事件的开始和结束日期。delta是一个持续时间或将解析为持续时间的东西。如果有其他事件共享相同的groupId，那么这些事件的日期也将进行类似的修改。

event.formatRange( formatConfig )

将事件日期格式化为字符串。接受日期格式化程序。如果事件没有结束，那么start将单独格式化。

event.remove()

从日历中删除事件。必须对API中其他地方接收到的事件对象（如getEventById）调用此函数。

event.getResources()

获取与给定事件关联的资源。如果在指定事件时使用了resourceIds属性，getResources将返回多个资源。

event.setResource([ resource0, resource1… ])

设置与给定事件关联的资源。

event.toPlainObject( settings )

将事件API对象序列化为适合的纯对象JSON.stringify.