Calendar Props

名称	类型	默认值	说明
modelValue	Date | null	null	当前选中的日期。
mode	'single' | 'range'	'single'	选一天，或选一段起止日期。
range	{ start: Date | null, end: Date | null } | null	null	范围值，用 v-model:range 绑定。
numberOfMonths	1 | 2	1	并排显示的月份数。
focusDate	Date	—	先显示这一天所在的月份。
min	Date	—	最早可选日期。
max	Date	—	最晚可选日期。
isDateDisabled	(date: Date) => boolean	—	返回 true 时该日期不可选。
dateConstraints	Array<(date: Date) => boolean>	—	任一函数返回 false 时该日期不可选。和最早、最晚、禁用判断一起生效。
minRangeSpan	number	1	范围最短天数，含两端。大于 1 时，再点一次起点会取消这次选择。
maxRangeSpan	number	—	范围最长天数，含两端。起点还没选中时不生效。
hasOutsideDays	boolean	true	显示相邻月份的日期。这些日期不能选。
hasWeekNumbers	boolean	false	在每一行左侧显示周数。
hasVariableRowCount	boolean	false	行数随当月缩短。关闭时固定六行。
weekStartsOn	0-6 | 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat'	0	一周从哪一天开始。0 是周日。
handleRef	Ref | (handle) => void	—	接收翻月句柄。调用 navigateTo 会翻到那一天并聚焦它。
label	string	Calendar / 日历	日历的无障碍名称。未设置语言时为英文，提供 zh-CN 后为中文。
disabled	boolean	false	是否禁用整个日历。

Calendar 事件

名称	载荷	说明
update:modelValue	value: Date | null	选中日期变化时触发。
update:range	value: { start: Date | null, end: Date | null }	日期范围变化时触发。
change	value: Date | null	选中日期变化时触发。
update:focusDate	value: Date	可见月份变化时触发，值是该月第一天。

Calendar 插槽

名称	参数	说明
header	—	自定义月份头部。
day	{ date, isSelected, isDisabled, isToday, isInMonth }	自定义日期单元格。