控制FullCalendar 4时间网格槽高度

时间:2019-07-10 07:21:17

标签: fullcalendar fullcalendar-4

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

这是我要实现的目标的一个示例:

30m grid

15m grid

1 个答案:

答案 0 :(得分:1)

fullCalendar中不支持此功能(也许您可以提出功能请求以使其集成)。这是一个变通办法,不能保证某些情况不会破坏它,但是在最简单的情况下,您可以在CSS中执行以下操作:

.fc-slats td { 
  height: 10px !important; 
  font-size: 8px !important; 
}

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