el-date-picker显示设置默认值
时间: 2023-11-21 15:56:17 浏览: 227
前端开发VUE使用iView的DatePicker 设置默认值
3星 · 编辑精心推荐
可以通过在data中定义默认值来设置el-date-picker的默认值。具体方法如下:
```html
<el-date-picker v-model="sTime" type="date" value-format="YYYY-MM-DD" format="YYYY/MM/DD" placeholder="请选择收拍日期" :default-value="new Date()"></el-date-picker>
```
其中,`:default-value="new Date()"`表示将默认值设置为当前时间。如果需要设置其他时间,可以将`new Date()`替换为对应的时间对象。另外,如果需要设置日期范围选择器的默认值,可以在对应的data中定义两个变量,例如:
```javascript
data() {
return {
tt: ['', ''], // 默认为空字符串
defaultDate: ['2022-01-01', '2022-01-31'] // 默认日期范围
}
}
```
然后在模板中使用`default-value`属性来设置默认值,例如:
```html
<el-date-picker v-model="tt" type="daterange" range-separator="-" start-placeholder="开始时间" end-placeholder="结束时间" size="default" popper-class="data-picker" value-format="YYYY-MM-DD" :default-value="defaultDate"></el-date-picker>
```
这样就可以将日期范围选择器的默认值设置为`['2022-01-01', '2022-01-31']`了。
阅读全文