视图
五种内置视图覆盖了 Google / Apple / Outlook 日历的常用布局:月、周、日、年、议程。
五种视图——用工具栏切换
周一
7
周二
8
周三
9
周四
10
周五
11
周六
12
周日
13
全天
1时
2时
3时
4时
5时
6时
7时
8时
9时
10时
11时
12时
13时
14时
15时
16时
17时
18时
19时
20时
21时
22时
23时
0时
每种视图的行为
| 视图 | 布局 | 翻页步长 |
|---|---|---|
month | 日期网格,跨天事件渲染为长条,溢出折叠为“还有 N 项”。 | 1 个月 |
week | 时间网格,7 列,顶部带全天事件栏。 | 7 天 |
day | 时间网格,单列。 | 1 天 |
year | 12 个迷你月历;有日程的日期显示圆点;点击某天跳转到日视图。 | 1 年 |
agenda | 按天分组的滚动日程列表。 | agendaDays (默认 30 天) |
视图配置
views— 工具栏提供哪些视图按钮,例如views={['week', 'month']}weekends={false}— 在月视图和周视图中隐藏周六、周日。fixedWeeks— 月视图恒定渲染 6 行,高度不随月份跳动。dayMaxEvents— 月视图每格最多显示的事件行数,超出折叠为“还有 N 项”(默认 4)。agendaDays— 议程视图显示的天数窗口。weekNumbers— 在月视图和周视图中显示 ISO-8601 周数。
在你自己的 UI 中导航
内置工具栏是可选的。设置 header={false} 后,用可绑定的 date 和 view 属性驱动日历——两侧状态始终同步。