Используя FullCalendar, как я могу настроить высоту div fc-события?

#fullcalendar

Вопрос:

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

Похоже, что fullcalendar устанавливает высоту div-файла fc-события в 12 пикселей, но мне нужно, чтобы она была 20 пикселей:

 <div class="fc-event fc-event-skin fc-event-vert fc-corner-top fc-corner-bottom" 
style="position: absolute; z-index: 8; top: 314px; left: 441px; 
background-color: green; color: white; 
width: 112.94999999999999px; height: 12px;  ">

Можно ли установить высоту div fc-события?

Ответ №1:

например

.fc-event { высота: 2em; }

1. К сожалению, это не работает, потому что любые определения классов css переопределяются атрибутом «style», который fullcalendar программно добавляет к тегу <div class=»fc-event»> .

2. .fc-event{ высота: 2em !важно;} предотвратил бы его переопределение

Ответ №2:

Я просто понял это. Просто поместите важное правило в fullcalendar.css

высота: 50 пикселей !важно;

Приветствия!

Ответ №3:

Это может сработать, если вы зайдете в fullcalendar.css и измените высоты.

Ответ №4:

Мое решение — это скорее решение проблемы, чем реальное решение. При настройке событий добавьте rn в атрибут title, чтобы немного увеличить его.

Я потратил немного времени на просмотр файла js, чтобы попытаться настроить способ вычисления высоты, но из-за переключения представлений это стало немного запутанным.

Это увеличит высоту события, не вмешиваясь в позиционирование / css.

Ответ №5:

попробуйте это

 .fc-time-grid .fc-slats td {
        height: 20px !important;
}

Ответ №6:

в вашем fullcalendar.min.js измените значение defaultTimedEventDuration: "00:15:00" на любое время, которое вам потребуется.