v3.3.1
日历类型

'week' 日历类型只显示一周,而不是整个月份。它适合预约流程,以及任何月份网格占用的空间超出选择本身价值的界面。

如果第一个选中日期属于当前显示月份,周条会停在包含该日期的那一周。否则,如果今天属于该月份,就使用今天所在的周;最后才取包含 selectedMonth 首日的那一周。

箭头每次翻动一周,并会带着周条跨越月份边界。所有日期都按当前周期的日期渲染,因此不会有任何一天被当作月外日期而变灰,点击某一天也不会让周条移动。

跨越两个月的一周,会以拥有它的月份来命名——也就是包含其第四天的那个月,这与判定 ISO 周数的规则一致。

把整月折叠为一周

enableCollapse 会在网格下方添加一个在月与周之间切换的控件,让访问者自己选择视图,而不是由你决定。详见折叠

这些控件同样适用于 inputMode。下面的弹出日历会以周视图打开,可通过 enableCollapse 展开为整月,并通过 enableSwipe 翻动当前视图。

用代码切换

折叠会设置 type,因此这两个视图在你自己的代码里同样可达。

ts
calendar.set({ type: 'week' }); // 折叠为一周
calendar.set({ type: 'default' }); // 回到整月
calendar.type; // 折叠状态下为 'week'
该类型的 displayMonthsCount 始终为 1,不支持并排显示多周。如果需要多个网格,请使用 type: 'multiple'