可以在FullCalendar中设置默认时隙高度吗?

时间:2011-08-31 14:40:46

标签: fullcalendar

看起来默认值是20px,但是我希望能够提高它,所以一个长度为1个时隙的事件将能够显示事件标题和正文。目前,当事件是1个时隙的长度时,仅显示事件标题。

3 个答案:

答案 0 :(得分:4)

在fullcalendar.css中,您可以更改此行以调整时间段高度

.fc-agenda-slots td div { height: 20px; }

因此,如果您的最短事件是时间段长度的一半(30分钟事件,但是1小时时间段),您可以将此值加倍


CAVEAT:正如jjnguy所指出的,这一改变将打破拖放和调整功能。它解决了更改默认时隙高度的问​​题。

答案 1 :(得分:4)

任何人仍在寻找新版本的答案。 在新版本(v3.9.0)中,将css更改为:

.fc-time-grid .fc-slats td {
  height: 2em; // Change This to your required height
  border-bottom: 0;
}

注意:这不会影响拖放或调整大小。

答案 2 :(得分:4)

全日历版本5

.fc-timegrid-slot {
    height: 30em; // 1.5em by default
    border-bottom: 0 !important;
}