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( namevalue )

修改事件對象的任何與日期無關的屬性。這將導致事件重新呈現。如果有其他事件共享相同的groupId,那么這些事件的屬性也將進行類似的修改。

event.setExtendedProp( name, value )

修改事件對象的extendedProps哈希中的單個屬性。

event.setStart( date, [ options ] )

設置事件的開始日期。如果要同時設置開始和結束,請改用setDates。如果有其他事件共享相同的groupId,那么這些事件的日期也將進行類似的修改。

event.setEnd( date )

設置事件的結束日期。

event.setDates( startend, [ 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.

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM