日程视图 - 显示整个时间范围

Question

我正在使用AgendaWeek和agendaDay观点。这些视图显示整个24小时块（半小时增量）。由于正在显示所有24小时，因此启用了垂直滚动。是否可以缩放时间增量以防止垂直滚动？

我猜这需要很多CSS操作，但我希望不会。

感谢。

Answer 1

您问“是否可以缩放时间增量以防止垂直滚动？”从技术上讲，答案是否定的，因为您无法控制用户视口的高度。换句话说，您无法预测最终用户屏幕的大小。可能决定在高度为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点结束，从而减少使用的垂直空间量。