视图

五种内置视图覆盖了 Google / Apple / Outlook 日历的常用布局:月、周、日、年、议程。

五种视图——用工具栏切换

2026/9/7 – 2026/9/13

周一
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 天
year12 个迷你月历;有日程的日期显示圆点;点击某天跳转到日视图。1 年
agenda按天分组的滚动日程列表。agendaDays (默认 30 天)

视图配置

  • views — 工具栏提供哪些视图按钮,例如 views={['week', 'month']}
  • weekends={false} — 在月视图和周视图中隐藏周六、周日。
  • fixedWeeks — 月视图恒定渲染 6 行,高度不随月份跳动。
  • dayMaxEvents — 月视图每格最多显示的事件行数,超出折叠为“还有 N 项”(默认 4)。
  • agendaDays — 议程视图显示的天数窗口。
  • weekNumbers — 在月视图和周视图中显示 ISO-8601 周数。

在你自己的 UI 中导航

内置工具栏是可选的。设置 header={false} 后,用可绑定的 date 和 view 属性驱动日历——两侧状态始终同步。