大日历反应到特定的日期

时间:2019-08-23 16:00:40

标签: javascript reactjs ecmascript-6 react-big-calendar

问这个问题可能很愚蠢,但请相信我,我是新来的人。实际上,当前的React-big-calendar支持导航到从“月”视图中选择的特定日期。当用户从“月份”视图中单击日期时,我想要同样的事情。我想将用户导航到特定日期。请帮助我

代码

<MyCalendar
      popup
      selectable
      timeslots={1}
      localizer={localizer}
      view={this.state.viewing}
      views={[this.state.viewing]}
      components={{ toolbar: CustomToolbar }}
      style={{ height: 600 }}
      startAccessor="start"
      endAccessor="end"
      min={new Date(2019, 10, 0, 7, 0, 0)}
      max={new Date(2019, 10, 0, 22, 0, 0)}
      events={this.props.events}
      eventPropGetter={this.eventStyleGetter}
      onSelectEvent={slotInfo => this.onSelectEventHandler(slotInfo)}
      onSelectSlot={slotInfo => this.onSelectEventSlotHandler(slotInfo)}
    />

1 个答案:

答案 0 :(得分:0)

如果我正确理解了您的问题,他们已经可以做到。不是通过单击整个日期单元格(用于选择),而是通过单击单元格中的“日期”数字。这样做会自动将用户切换到该日期的“天”视图,除非您更改配置。