Skip to content

Calendar 日历

Calendar 日历组件用于展示日期并允许用户进行日期选择,支持月份导航、日期范围限制和多种自定义选项。

引入

typescript
import { Calendar } from '@versakit/vue'

使用

loading

API

属性

属性名说明类型默认值
modelValue绑定值,选中的日期Date-
min可选择的最小日期Date-
max可选择的最大日期Date-
disabled是否禁用booleanfalse
readonly是否只读booleanfalse
firstDayOfWeek一周的第一天,0表示周日,1表示周一0 | 1 | 2 | 3 | 4 | 5 | 60
locale本地化配置,影响月份和星期的显示string系统默认
unstyled是否禁用默认样式booleanfalse
pt自定义样式配置CalendarPT-

事件

事件名说明回调参数
update:modelValue选中日期变化时触发(date: Date | null) => void
change选中日期变化时触发(date: Date | null) => void

插槽

Calendar 组件暂不提供插槽。