Element-UI日期选择器el-date-picker切换月份年份事件
时间: 2024-11-27 14:11:57 浏览: 7
vue element-ui el-date-picker限制选择时间为当天之前的代码
Element UI 的日期选择器 `el-date-picker` 提供了一个内置的事件,用于监听用户在日历之间切换月份或年份的行为。这个事件叫做 `change-month` 或者 `change-year`,它们会在用户点击月份导航栏或年份下拉框时触发。
`change-month` 事件通常会在用户从当前月切换到另一个月时发送,携带新的月份信息作为参数。例如:
```javascript
<el-date-picker v-model="value" @change-month="handleChangeMonth"></el-date-picker>
methods: {
handleChangeMonth(newMonth) {
console.log('切换到了', newMonth);
// 在这里处理切换月份后的业务逻辑
}
}
```
同样地,`change-year` 事件在用户改变年份时触发,传递新的年份值:
```javascript
<el-date-picker v-model="value" @change-year="handleChangeYear"></el-date-picker>
methods: {
handleChangeYear(newYear) {
console.log('切换到了', newYear);
// 处理切换年份的逻辑
}
}
```
阅读全文