el-date-picker动态设置只能选择同一年份的开始月份和结束月份。开始月份默认为当年1月,结束月份默认为当前上月
时间: 2024-02-12 14:04:22 浏览: 126
如果您想要动态设置 el-date-picker 只能选择同一年份的开始月份和结束月份,并且开始月份默认为当前年份的 1 月,结束月份默认为当前年份的上一个月,您可以使用计算属性和 Date 对象来实现。
首先,您可以在 data 中定义一个当前日期的对象:
```javascript
data() {
return {
currentDate: new Date()
}
}
```
然后,您可以在计算属性中使用这个日期对象来动态设置 el-date-picker 的属性:
```javascript
computed: {
startMonth() {
return 1; // 当前年份的 1 月
},
endMonth() {
return this.currentDate.getMonth(); // 当前年份的上一个月
},
startYear() {
return this.currentDate.getFullYear(); // 当前年份
},
endYear() {
return this.currentDate.getFullYear(); // 当前年份
}
}
```
最后,您可以在模板中使用这些计算属性来设置 el-date-picker 的属性:
```html
<el-date-picker
v-model="date"
type="month"
:start-year="startYear"
:end-year="endYear"
:start-month="startMonth"
:end-month="endMonth"
></el-date-picker>
```
这样,el-date-picker 就只能选择同一年份的开始月份和结束月份,并且开始月份默认为当前年份的 1 月,结束月份默认为当前年份的上一个月了。
阅读全文