el-date-picker 设置最大日期
时间: 2024-01-20 19:02:51 浏览: 89
date-picker
el-date-picker组件可以通过设置picker-options属性来设置最大日期。具体的设置方法如下所示:
```html
<el-date-picker v-model="startDate" :picker-options="pickerOptions"></el-date-picker>
```
在Vue实例中,需要定义pickerOptions对象,并在该对象中设置maxDate属性来指定最大日期。例如,如果要将最大日期设置为当前日期,可以使用以下代码:
```javascript
data() {
return {
startDate: '', // 绑定的日期值
pickerOptions: {
maxDate: new Date() // 设置最大日期为当前日期
}
}
}
```
通过以上设置,el-date-picker组件将限制用户选择的日期不得超过最大日期。
阅读全文