Fullcalender調度程序調整行高度

Question

我正在使用Fullcalendar與調度程序加載項，並且我想要減少事件高度以及不同資源的行高度。任何人有關於如何做到這一點的想法？

Answer 1

如果要更改每個時間段行的高度，可以覆蓋css類。

.fc-agenda-slots td div { 
    height: 40px !important; 
} 

或（對於我的日程沒有sheduler）

.fc-time-grid .fc-slats td { 
     height: 1.0em; .. } 

你可以找到它在fullcalendar CSS

的第五行對於事件高度： FullCalendar - Change event (appointment, diary entry) height

Answer 2

我曾遇到這個問題並且使用了這個

1. 在烏爾.css文件

.fc-resized-row { height: 24px !important; }

定義一個類名稱

展開接fullcalendar調度eventRender事件

eventRender: function(event, element, view) { 
 
     $(".fc-rows table tbody tr .fc-widget-content div").addClass('fc-resized-row'); 
 
     $(".fc-content table tbody tr .fc-widget-content div").addClass('fc-resized-row'); 
 
     $(".fc-body .fc-resource-area .fc-cell-content").css('padding', '0px'); 
 
     },

希望這可以幫助任何遇到此問題的人。

乾杯！