Блог

Главная - Вопросы по программированию - Как отобразить половину ширины события по дате начала и дате окончания в FullCalendar

Как отобразить половину ширины события по дате начала и дате окончания в FullCalendar

#fullcalendar

#полный календарь

Вопрос:

Я работаю над системой управления отелем и хочу показывать бронирования для каждого номера в полном календаре ежемесячно.

Теперь предположим, что у нас есть бронирование с 1 ноября 2020 года по 7 ноября 2020 года. В этом случае датой начала события будет 1 ноября 2020 года, а датой окончания — 7 ноября 2020 года. Поскольку полный календарь показывает события, включая дату начала и исключая дату окончания, событие будет отображаться с 1 ноября 2020 года по 6 ноября 2020 года.

Что я хочу показать (в ежемесячном представлении и в ежемесячном представлении временной шкалы ресурсов), так это:

Половина ширины события по дате начала (чтобы выделить его как дату регистрации) Половина ширины события по дате окончания (чтобы выделить его как дату проверки)

Есть ли способ добиться этого в настоящее время?

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

1. Вы действительно могли бы достичь этого только с помощью представления временной шкалы, я думаю, представление месяца не учитывает частичные дни или время суток, когда оно отображает события

Ответ №1:

Со ссылкой на это мы можем добавить следующий css

 .fc-event-start {
    margin-left: 65px !important;
}
.fc-event-end {
    margin-right: 65px !important;
}