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.