reactjs - react 大日历同时发生多个事件

Question

当我在日 View 或周 View 中同时有很多事件时，它们太小并且相互隐藏。

有没有办法扩展小时高度并将所有事件依次显示在另一个下方或者可能更改小时宽度？

Answer 1

您可以使用 step 属性设置时隙的持续时间，使用 timeslots 属性设置时隙的数量:

 <Calendar
     components={components}
     events={cal_eventsAdmin}
     onSelectSlot={this.handleSelect}
     step={15}        // duration of the slot       
     timeslots={4}    // number of slots within an hour
     defaultView="day"
     views={["month", "day"]}
     defaultDate={new Date()}
     localizer={localizer}
     min={new Date(2019, 10, 0, 8, 30, 0)}
     max={new Date(2019, 10, 0, 15, 0, 0)}
 />

在此示例中，您将看到每小时 4 个时段，每个时段持续 15 分钟。我想在您的情况下，您可以增加插槽的数量，这将一次又一次地为您提供更多空间