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('下个月');})})}