DatePicker 日期选择器

继承el-date-picker所有属性

用于选择或输入日期

选择某一天

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

其他日期单位

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

选择一段时间

你可以通过如下例子来学习如何设置一个日期范围选择器。

选择月份范围

你当然还可以选择一个月的范围。

默认值

日期选择器会在用户未选择任何日期的时候默认展示当天的日期。 你也可以使用 default-value 来修改这个默认的日期。 请注意该值需要是一个可以解析的 new Date() 对象。

如果类型是 daterange, default-value 则会设置左边窗口的默认值。

日期格式

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

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

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

WARNING

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

默认显示日期

在选择日期范围时，你可以指定起始日期和结束日期的默认时间。

设置自定义前缀的内容

前缀内容可以被自定义。

API

属性

属性名	说明	类型	默认
model-value / v-model	绑定值，如果它是数组，长度应该是 2	number / string / object Date | [Date, Date] | [string, string]	''
readonly	只读	boolean	false
disabled	禁用	boolean	false
clearable	是否显示清除按钮	boolean	true
placeholder	非范围选择时的占位内容	string	''

事件

事件名	说明	类型
change	用户确认选定的值时触发	Function (val: typeof v-model) => void

插槽

名称	说明
default	自定义单元格内容