Skip to content

DatePicker 日期选择器

DatePicker 日期选择器用于让用户通过可视化界面选择日期,提供下拉式日历选择,支持日期范围限制和格式化显示。

引入

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

使用

loading

API

属性

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

事件

事件名说明回调参数
update:modelValue选中日期变化时触发(date: Date | null) => void
change选中日期变化时触发(date: Date | null) => void
focus输入框获得焦点时触发(e: FocusEvent) => void
blur输入框失去焦点时触发(e: FocusEvent) => void
clear点击清空按钮时触发() => void

插槽

DatePicker 组件暂不提供插槽。