javascript - Fullcalendar:缩小/扩大日历高度

Question

这是我的日历，但是，我希望它能缩小一点。当我使用以下命令执行此操作时，我得到一个 chop 的计划而不是压缩的计划。看一看:

$('#calendar').fullCalendar('option', 'height', 200);
                       ---OR WITH---
$('#calendar').fullCalendar('option', 'contentHeight', 200);

使用上述命令调整大小之前的日历:

尝试调整大小后的日历:

你可以看到一个滚动条已经出现，一些事件不再存在(直到我滚动)。我已经尝试使用 CSS 尝试手动调整它的大小(特别是使用 .fc-slats > table height 和 #calendar font-size)但是这些很难处理并且在动态更改时会产生错位的事件。我需要能够动态地垂直收缩/展开日历，最好使用 JQuery。如何实现？

提前致谢。

Answer 1

只需将此 css 添加到您拥有日历“DIV”的页面

.fc-time-grid .fc-slats td {
  height: 1em;  /* Edit as required */
}