element日期选择器回显
时间: 2023-07-05 07:28:38 浏览: 153
日期选择器
4星 · 用户满意度95%
要回显 Element UI 的日期选择器(DatePicker)的值,你可以使用 v-model 来绑定数据,并在获取到值后使用 :default-value 属性来设置默认值。
例如,你可以在模板中这样使用 DatePicker:
```html
<el-date-picker
v-model="date"
type="date"
:default-value="date"
placeholder="请选择日期">
</el-date-picker>
```
在这里,我们使用 v-model 来将选定的日期绑定到名为 date 的数据属性上,并使用 :default-value 属性来设置默认值为 date。这样,在页面初始化时,DatePicker 就会显示默认的日期。
如果你想要在 DatePicker 中回显已有的日期,可以将该日期赋值给数据属性 date,例如:
```js
data() {
return {
date: '2022-01-01'
}
}
```
这样,在页面初始化时,DatePicker 就会显示 2022 年 1 月 1 日这个日期。
阅读全文