在 Vue 2 中,我们通常使用 Element UI 的 DatePicker 日期选择器组件。然而,如前所述,Element UI 并没有官方支持 Vue 3 的版本。但有一个叫做 Element Plus 的库,它是 Element UI 的 Vue 3 版本,并提供了类似的 DatePicker 组件。下面我将分别介绍 Vue 2 下 Element UI 的 DatePicker 和 Vue 3 下 Element Plus 的 DatePicker 的属性、事件和方法。
Vue 2 + Element UI
DatePicker 日期选择器
属性 (Attributes):
v-model
: 绑定值,为选定的日期type
: 选择器类型,可选值为date
、daterange
、datetime
、datetimerange
、year
、month
等format
: 绑定值的格式value-format
: 绑定值的输出格式placeholder
: 非必填项占位符disabled
: 是否禁用选择器clearable
: 是否显示清除按钮picker-options
: 选择器的配置项,比如可选择的日期范围等...
: 其他通用属性
事件 (Events