控制FullCalendar 4时间网格槽高度

Controlling FullCalendar 4 time grid slot height

我有一个带有 TimeGridWeek 视图的 FullCalendar。 每个时隙的高度约为 20 像素。 当我将 slotDuration 从 00:30:00 更改为 00:15:00 时,每个插槽的高度保持不变。我希望它更改为大约 10 像素,以便日历的整体高度保持不变。 我该怎么做?

这是我想要实现的示例:

fullCalendar 不支持此功能(也许您可以提出功能请求以将其集成)。这是一种解决方法,不能保证某些情况下不会破坏它,但在最简单的情况下,您可以在 CSS:

中执行类似的操作
.fc-slats td { 
  height: 10px !important; 
  font-size: 8px !important; 
}

演示:https://codepen.io/ADyson82/pen/KjJXMv