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

【问题标题】：react-big-calendar navigate to specific day / monthreact-big-calendar 导航到特定的日期/月份
【发布时间】：2017-06-26 10:51:11
【问题描述】：

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

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

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

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

谢谢

【问题讨论】：

放置控制台我认为它会通过回调方法中选择的日期，您需要在defaultDate中设置该日期，试试这个：onNavigate={(a,b,c) => { console.log(a,b,c); this.steState(selectedDay: /*date value*/) }}检查abc的控制台值，其中任何一个应该是选定的日期。

标签： reactjs fullcalendar react-big-calendar

【解决方案1】：

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

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

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

【讨论】：

@monastic-panic 有没有办法在自定义工具栏组件中做到这一点？
我想我尝试过这种设置date的方式，但由于某种原因它禁用了导航（下一个按钮）

【解决方案2】：

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

例如，当我单击下一个按钮时，什么也没发生。

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

【讨论】：