完整日历计划程序调整行高

Question

我将Fullcalendar与scheduler插件一起使用，我想减少不同资源的事件高度和行高度。有人知道怎么做吗？

Answer 1

我遇到了这个问题，并使用了这个

1. 在ur.css文件中定义类名

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

2. 在完整日历计划程序事件上扩展渲染事件

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

希望这能帮助任何遇到这个问题的人。

干杯！

Answer 2

如果您想更改每个时隙行的高度，可以覆盖css类。

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

或者（为了我的议程，没有计划）

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

你可以在全日历css 的第五行找到它

对于事件高度：FullCalendar-更改事件（约会、日记条目）高度