Большой календарь — Как отобразить половину дня в месячном представлении

#reactjs #fullcalendar #react-big-calendar

Вопрос:

Я использую Большой календарь (https://github.com/jquense/react-big-calendar) в моем приложении react, и у меня проблема с отображением только половины дня для события в месячном представлении в компоненте Большого календаря.

Например: Мероприятие начинается 06.04.2021 в 12:00 и заканчивается 09.04.2021 в 12:00

Поведение по умолчанию:

Вывод должен выглядеть так:

PS: В этом сценарии легко просто переместить его с помощью CSS-комбинации позиции относительно и свойства вправо/влево. Осложнения возникают, когда события охватывают больше недель, как это: введите описание изображения здесь

Какая-нибудь помощь?

Спасибо.

Комментарии:

1. Это, похоже, невозможно сделать в react-big-календаре. Кажется, что это двоичный файл, либо день включен, либо он не включен. Даже для однодневных мероприятий он охватывает весь день. Изменить: мой комментарий касается только представления «месяц». Вы можете абсолютно точно сделать это, например, в режиме «неделя».

2. Приведенный выше комментарий совершенно верен. Представление «месяц» не имеет понятия о каком-либо периоде времени короче дня

3. Ах, я знаю о возможности сделать это в режиме недели, но я хотел бы сделать это в режиме месяца. Ладно, неважно, спасибо вам, ребята.

Ответ №1:

На момент написания этой статьи это невозможно ни в одной версии FullCalendar (или производных, таких как react big calendar). Представление «месяц» не имеет понятия о каком-либо периоде времени короче одного дня.