javascript - 向事件添加类

Question

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

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

如何将自定义类添加到 fullcalendar@5 中的事件？

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

Answer 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