向事件添加类

时间:2020-08-31 12:31:16

标签: javascript fullcalendar fullcalendar-5

我想向事件添加类。所以我在CalendarOptions中使用eventContent。 但是当我使用时,fullcalendar似乎冻结了:

private eventRenderFunc(info: EventResizeDoneArg | EventDropArg) {
    info.event.setProp('classNames', 'zadanie');
}

如何在fullcalendar @ 5中向事件添加自定义类?

以下是示例:https://codepen.io/piernik/pen/NWNvrpq?editors=0011

1 个答案:

答案 0 :(得分:1)

evenContent钩子并不是真正用于设置事件对象的属性的,它可以帮助您控制从该事件对象呈现的HTML。

由于您只是向每个事件对象添加相同的属性,而不是直接操作HTML,因此更合适的位置是eventDataTransform回调(请参见https://fullcalendar.io/docs/eventDataTransform)。

eventDataTransform: eventTransformFunc,

function eventTransformFunc(event) {
  console.log(event);
  event.classNames = "zadanie";
  return event;
}

这很好用-演示:https://codepen.io/ADyson82/pen/KKzvBjm