react-big-calendar 导航到特定的日期/月份

Question

我正在使用 BigCalendar react-big-calendar，我试图找到一个示例，说明当 defaultDate 状态值发生变化时如何导航到特定的日期/月份。

<BigCalendar
        events={props.events}
        defaultDate={this.state.selectedDay}
/>

我想知道 BigCalendar 日历是否支持导航到特定的日期/月份，文档中包含 onNavigate prop，但我无法使其工作。

    <BigCalendar
      selectable
      events={events}
      defaultView='week'
      defaultDate={this.state.selectedDay}
      onNavigate={() => { this.state.selectedDay }}
    />

谢谢

Answer 1

在这种情况下您不想使用 defaultDate，因为您控制自己的价值

<BigCalendar
  selectable
  events={events}
  defaultView='week'
  date={this.state.selectedDay}
  onNavigate={date => {
    this.setState({ selectedDate: date });
  }}
/>

这将告诉日历，始终使用您指定的日期。

Answer 2

我尝试使用这个问题的选择答案，它说要更新 date 属性。但是当它导航到日期时我无法使用导航按钮。

例如，当我点击下一步按钮时，什么也没有发生。

所以我所做的是，我使用了 onNavigate 。该方法提供的第一个参数是日期对象。当我点击按钮时，onNavigate 被触发，我能够更新日期并让按钮工作。

react-big-calendar 导航到特定的日期/月份

react-big-calendar navigate to specific day / month

fullcalendar

reactjs

react-big-calendar