20.隐藏el-calendar 的多余的日子
/deep/ .el-calendar-table:not(.is-range) td.next {
display: none;
}
/deep/ .el-calendar-table:not(.is-range) td.prev {
visibility: hidden;
}
/deep/ .el-calendar-table td {
border: 1px solid #dfe6ec;
}
21.点击今天,上个月,下个月的时候,触发事件
handleCalender() { // 加载数据,目前展示所有数据
this.$nextTick(() => {
let prevBtn1 = document.querySelector('.el-calendar__button-group .el-button-group>button:nth-child(1)');// 点击上个月
prevBtn1.addEventListener('click',() => {
console.log('上个月');
})
let prevBtn2 = document.querySelector('.el-calendar__button-group .el-button-group>button:nth-child(2)'); // 点击上个月
prevBtn2.addEventListener('click',() => {
console.log('今天');
})
let prevBtn3 = document.querySelector('.el-calendar__button-group .el-button-group>button:nth-child(3)');// 点击下个月
prevBtn3.addEventListener('click',() => {
console.log('下个月');
})
})
}