vue3 el-date-picker :default-value設爲18年前的今天
时间: 2023-11-07 11:01:55 浏览: 97
前端开发VUE使用iView的DatePicker 设置默认值
3星 · 编辑精心推荐
Vue3的`el-date-picker`组件中没有`default-value`属性,但是你可以通过设置`value`属性来实现类似的效果。你可以将`value`属性绑定到一个计算属性,该计算属性返回18年前的今天的日期。以下是一个示例代码:
```html
<el-date-picker v-model="selectedDate" type="date" placeholder="选择日期"></el-date-picker>
```
```javascript
export default {
data() {
return {
selectedDate: this.calculateDefaultDate(),
};
},
methods: {
calculateDefaultDate() {
const today = new Date();
const defaultDate = new Date(today.getFullYear() - 18, today.getMonth(), today.getDate());
return defaultDate;
},
},
};
```
阅读全文