完整日历在标题元素上的反应添加点击事件

Question

我在我的项目中使用full calendar。我的要求是在标题按钮（例如上一个，下一个和今天的按钮等）上使用click事件。

下面是我使用完整日历的方式，并且标题包含这些给定的按钮。

<FullCalendar
  defaultView="dayGridMonth"
  header={{
    left: "prev,next today",
    center: "title",
    right: "dayGridMonth,timeGridWeek,timeGridDay,listWeek"
  }}
  plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin]}
  ref={this.calendarComponentRef}
  weekends={this.state.calendarWeekends}
  events={this.state.calendarEvents}
  eventBorderColor={""}
  eventLimit={true}
  views={{
    timeGrid: {
      eventLimit: 3 // adjust to 3 only for timeGridWeek/timeGridDay
    },
    dayGrid: {
      eventLimit: 4
    }
  }}
  viewRender={function(view, elm) {
    console.log(view, elm);
  }}
  // eventRender = {function(eventObj, elm) {
  //   console.log(eventObj , elm);

  // }}
  select={function(start, end) {
    console.log(start, end);
  }}
  slotDuration={"00:15:00"}
  slotLabelInterval={"00:05:00"}
  dateClick={this.handleDateClick}
/>;

我想在从标题更改视图时触发功能。例如-在将视图从dayGridMonth更改为timeGridWeek时，我想重新加载数据。所以我需要调用一个函数。与上一个，下一个和今天按钮相同。请帮帮我。如果我提供的信息不清楚，我可以提供更详细的解释。

Answer 1

我正在使用beta-v5，您需要的回调是datesDidUpdate。

在版本4.4.2中，它们具有dateRender，但它在UI中引起问题。