fullcalendar - 自定义日期标题取决于当天的事件

Question

我正在使用 Fullcalendar 5 timeGrid 视图，并且正在尝试将当天的事件数添加到每天的标题中。

我看到我们可以使用dayHeaderContent类似的

calendarOptions = {
  dayHeaderContent({ date, text, view }) {
    return text + ' suffix';
  }
  // ...
}

这会在每天的标题后添加“后缀”。

我们可以通过 api 访问事件，但是在从源接收事件之前只调用一次 day 标头。
可以调用api.render()来触发日标题渲染，但这意味着几乎所有内容都会被渲染两次。此外，我看不到何时可以调用 render()。从事件源回调来看，事件似乎没有在successCallback.

例子：

calendarOptions = {
  eventSources: [
    {
      id: 'time-entries',
      events(fetchInfo, successCallback) {
        const events = getTheEvents();
        successCallback(events);
        fcApi.render(); // dayHeaderContent still shows the previous events
      },
    },
  ],
  // ...
}

如何有效地显示每天标题上的事件数量？

标签： fullcalendar