FullCalendar 时间视图 行高
时间: 2023-10-02 11:03:41 浏览: 246
FullCalendar
你可以使用 FullCalendar 的 `slotLabelInterval` 和 `slotLabelFormat` 属性来控制时间视图的行高。`slotLabelInterval` 可以设置每个时间段的间隔,`slotLabelFormat` 可以设置时间标签的格式。例如:
```javascript
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,timeGridWeek,timeGridDay'
},
defaultView: 'timeGridWeek',
slotLabelInterval: '00:30:00', // 设置每30分钟显示一次时间标签
slotLabelFormat: 'h(:mm)a', // 设置时间标签格式为 12小时制
// 其他配置项...
});
```
如果你想进一步控制行高,可以使用 CSS 来修改 `.fc-slats td` 的 `height` 属性。例如:
```css
.fc-slats td {
height: 40px;
}
```
这将会将时间视图中每个时间段的高度设置为 40px。
阅读全文