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

Question

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

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

Answer 1

使用扩展道具。您可以直接将它们包含在事件对象中(https://fullcalendar.io/docs/event-object), or add them afterwards using method 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 属性中。

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

Answer 3

通过“extendedProps”访问您的值：

一个普通对象，包含解析期间指定的各种其他属性。接收显式给定的 extendedProps 哈希中的属性以及其他 non-standard 属性。"

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

eventRender: function(info){

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

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

FullCalendar 4 - add and then access additional values to the Event Object

fullcalendar

fullcalendar-4