FullCalendar 可以设置默认时段高度吗？

Question

看起来默认是 20px，但我希望将其提高，这样长度为 1 个时隙的事件就能够显示事件标题和正文。目前，当事件长度为 1 个时隙时，仅显示事件标题。

Answer 1

全日历版本5

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

Answer 2

任何仍在新版本中寻找答案的人。 在新版本（v3.9.0）中，将css更改为：

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

注意：这不会影响我的拖放或调整大小。

Answer 3

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

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

因此，如果您最短的活动是时间段长度的一半（30 分钟的活动，但 1 小时的时间段），您会将此值加倍

---

警告：正如 jjnguy 所指出的，此更改将破坏拖放和调整大小功能。不过它解决了更改默认时隙高度的问题。

Answer 4

FullCalendar V6 的完整代码是：

expandRows: false,
slotDuration: '00:05:00',

.fc .fc-timegrid-slot {
    height: 0.2em !important;
    line-height: 0.2em !important;
    border-bottom: 0 !important;
}

.fc .fc-timegrid-slot.fc-scrollgrid-shrink {
    height: 1.5em !important;
    line-height: 1.5em !important;
    border-bottom: 0 !important;
}