如何在 Vuetify v-calendar 中以每周模式显示每天的特定时间范围？

Question

在 Vuetify周历示例中，每一天都显示为包含完整 24 小时的列。是否可以限制此范围并仅显示每天的某些时间？例如。仅显示上午 9 点至下午 17 点的时间（每天的典型工作时间）。这将减少日历在屏幕上的整体高度并且更加清晰，但我找不到如何做到这一点的方法。

Answer 1

是的，您可以通过设置以下属性：

:first-interval= 9 // The first interval to display in the day view. If intervalMinutes is set to 60 and this is set to 9 the first time in the view is 9am.
:interval-minutes= 60 // The number of minutes the intervals are in the day view. A common interval is 60 minutes so the intervals are an hour.
:interval-count= 8 // The number of intervals to display in the day view.