首页 > 解决方案 > 反应大日历导航到特定日期

问题描述

问这个问题可能很愚蠢,但相信我,我是新来的。实际上,当前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)}
    />

标签: javascriptreactjsecmascript-6react-big-calendar

解决方案


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


推荐阅读