因項目需要需要顯示以月曆的形式顯示狀態(如下圖所示),但官方文檔中找不到日曆組件的內置方法,這裏用獲取類名的方式給切換月份的按鈕添加點擊事件
具體代碼實現如下
mounted(){
this.$nextTick(() => {
// 點擊前一個月
let prevBtn = document.querySelector(
'.el-calendar__button-group .el-button-group>button:nth-child(1)');
prevBtn.addEventListener('click', () => {
console.log(this.value);
})
})
this.$nextTick(() => {
// 點擊後一個月
let prevBtn = document.querySelector(
'.el-calendar__button-group .el-button-group>button:last-child');
prevBtn.addEventListener('click', () => {
console.log(this.value);
})
})
}
打印出來的this.value就是當月的時間戳
<el-calendar v-model="value" id="calendar" style="width: 75%; margin-left:10px;">