Skip to content

DatePicker

用于选择或输入日期,基于 DatePicker 日期选择器 二次封装。

基础用法

范围选择器

默认显示日期

属性

属性名说明类型可选值默认值
modelValue | v-model绑定值string | [string, string]
readonly是否只读booleanfalse
disabled是否禁用booleanfalse
editable文本框可输入booleantrue
clearable是否显示清除按钮booleanfalse
type显示类型string date week month year datetime datetimerange daterange monthrangedate
placeholder非范围选择时的占位内容string
startPlaceholder范围选择时开始日期的占位内容string
endPlaceholder范围选择时结束日期的占位内容string
format显示在输入框中的格式string
size输入框尺寸stringlarge/default/smalldefault
default-time范围选择时选中日期所使用的当日内具体时刻string | [string, string]
shortcuts设置快捷选项,需要传入数组对象Array<{ text: string, value: Date | Function }>

事件

事件名说明参数