Skip to content

DatePicker 日期选择器

用于选择或输入日期

选择某一天

以”日“为基本单位,基础的日期选择控件

其他日期单位

通过扩展基础的日期选择,可以选择周、月、年或多个日期

日期格式

使用format指定输入框的格式。 使用 value-format 指定绑定值的格式。

默认情况下,组件接受并返回Date对象。

这里 查看 Day.js 支持的所有格式。

WARNING

请一定要注意传入参数的大小写是否正确

设置自定义前缀的内容

前缀内容可以被自定义。

Attributes

属性名说明类型可选值默认值
model-value / v-model绑定值,如果它是数组,长度应该是 2Date / number / string / Array
readonly只读booleanfalse
disabled禁用booleanfalse
editable文本框可输入booleantrue
clearable是否显示清除按钮booleantrue
placeholder非范围选择时的占位内容string
type显示类型stringyear/month/datedate
format显示在输入框中的格式string请查看 date formatsYYYY-MM-DD
value-format可选,绑定值的格式。 不指定则绑定值为 Date 对象string请查看 date formats
id等价于原生 input id 属性string / [string, string]
name等价于原生 input name 属性string
prefix-icon自定义前缀图标string | ComponentDate
disabled-date一个用来判断该日期是否被禁用的函数,接受一个 Date 对象作为参数。 应该返回一个 Boolean 值。function
shortcuts设置快捷选项,需要传入数组对象Array<{ text: string, value: Date | Function }>

Events

事件名说明回调参数
change用户确认选定的值时触发(val: typeof v-model)

Released under the MIT License.