在fullcalendar中调整日期高度?

时间:2016-11-30 19:59:15

标签: fullcalendar

我有一个自定义并使用FullCalendar版本1的日历。现在,我已将其更新为版本3.我已更新CSS和设置以匹配之前的版本,但无法找到一种在月视图中调整日期高度的方法。

左侧是旧显示屏,右侧是新显示屏,日期单元格太高。

enter image description here

我会在CSS中这样做,但是一周的高度是由代码动态设置的,所以应该是可调整的。

旧版本产生了这个:

enter image description here

,新版本的结果如下:

enter image description here

如何告诉代码我想要什么?

1 个答案:

答案 0 :(得分:5)

解决。原来需要两个设置。

在CCS中,将min-height缩小:

.fc-body .fc-row { min-height: 45px; }

在代码中,将aspectRatio更改为新的“魔术”数字:

.fullCalendar({
   aspectRatio: 1.09
});

在不先缩短aspectRatio的情况下更改min-height不会导致高度低于min-height