zoukankan      html  css  js  c++  java
  • 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.

  • 相关阅读:
    背水一战 Windows 10 (61)
    背水一战 Windows 10 (60)
    背水一战 Windows 10 (59)
    背水一战 Windows 10 (58)
    背水一战 Windows 10 (57)
    背水一战 Windows 10 (56)
    背水一战 Windows 10 (55)
    背水一战 Windows 10 (54)
    背水一战 Windows 10 (53)
    背水一战 Windows 10 (52)
  • 原文地址:https://www.cnblogs.com/zhaozhou/p/14078740.html
Copyright © 2011-2022 走看看