FullCalendar 4-添加并访问事件对象的其他值

Question

如何添加并访问事件对象的其他值 My_Custom_Value ？

events: [
  {
    title: 'My Title',
    My_Custom_Value: 'some details',
    allDay: false,
    start: 1501056000000,
    end: 1501057800000
  }
],

Answer 1

使用extendedProps。您可以将它们直接包含在事件对象中（https://fullcalendar.io/docs/event-object），也可以使用Calendar :: setExtendedProp（https://fullcalendar.io/docs/Event-setExtendedProp）方法添加它们。

events: [
    {
        title: 'My Title',
        My_Custom_Value: 'some details',
        allDay: false,
        start: 1501056000000,
        end: 1501057800000
        extendedProps: {
            description: 'whatever',
            madeupProperty: 'banana'
        }
    }
]

Answer 2

对此的答案包含在https://fullcalendar.io/docs/event-parsing的事件分析文档中。

在对象中设置自定义属性的方式很好。根据该文档，fullCalendar会读取它，然后将其放在内部创建的事件对象的extendedProps属性中。

因此，如果您以后需要访问该事件（例如，通过fullCalendar的回调之一，例如eventClick），则可以使用event.extendedProps.My_Custom_Value来访问该事件。

Answer 3

通过“ extendedProps ”访问您的价值：

一个普通对象，具有在解析过程中指定的其他各种属性。在显式给定的extendedProps哈希中接收属性，以及其他非标准属性。”

https://fullcalendar.io/docs/event-object

eventRender: function(info){

                    console.log("_______ info _______\n");
                    console.log(info.event.extendedProps.My_Custom_Value);
}