我正在使用agendaWeek和agendaDay视图。 这些视图显示整个 24 小时块(以半小时为增量(。 由于显示所有 24 小时,因此启用了垂直滚动。 是否可以将时间增量缩放到足以防止垂直滚动?
我猜这将需要大量的CSS操作,但我希望不需要。
谢谢。
你问"是否有可能将时间增量缩放到足以防止垂直滚动?从技术上讲,答案是否定的,因为您无法控制用户视口的高度。换句话说,您无法预测最终用户屏幕的大小。如果他们真的愿意,可以决定在高度为 20px 的窗口中查看该网站。不太可能,但理论上是可能的。
但是,您可以做出一些现实的假设,即用户可能会做什么,以及您准备支持什么。而且,您确实在fullCalendar中也有一些工具来帮助您。如果您对文档进行了更彻底的研究,您可能会发现以下内容:
1(您可以使用height
选项为整个日历设置固定像素高度。https://fullcalendar.io/docs/display/height/
2(您可以使用contentHeight
选项为日历的视图区域设置固定像素高度。https://fullcalendar.io/docs/display/contentHeight/
3(您可以设置slotDuration
选项来控制每个块覆盖的时间段。https://fullcalendar.io/docs/agenda/slotDuration/
4( 您还可以使用 minTime (https://fullcalendar.io/docs/agenda/minTime/( 和 maxTime (https://fullcalendar.io/docs/agenda/maxTime/( 选项在不同的时间开始/结束视图,如果这对您有用的话。例如,如果合适,您可以让它在上午 9 点开始并在下午 5 点结束,从而减少使用的垂直空间量。