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'); 
 
     },

希望这可以帮助任何遇到此问题的人。

干杯！