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 |
像这样的字符串数组 |
|
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.