Несколько событий одновременно с большим календарем React

Когда у меня есть много событий одновременно в обзоре дня или недели, они слишком малы и скрывают друг друга.

Есть ли способ увеличить высоту часа и показать все события одно под другим или, возможно, изменить ширину часа?

введите описание изображения здесь


person ronara    schedule 11.07.2020    source источник


Ответы (1)


Вы можете использовать опору шага, чтобы установить продолжительность слота, и опору временных интервалов, чтобы установить количество слотов:

 <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 минут. Я предполагаю, что в вашем случае вы можете увеличить количество слотов, что даст вам больше места в один и другой раз

person Alex Yepes    schedule 15.12.2020