监听element-ui的Calendar 日历组件的上一月 今天 下一月

监听element-ui的Calendar 日历组件的上一月 今天 下一月

直接在mounted(){}里面进行监听
代码如下:

mounted() {
    
    
	let prevBtn = document.querySelector(
    ".el-calendar__button-group .el-button-group>button:nth-child(1)"
   );
   prevBtn.addEventListener("click", e => {
    
    
    console.log("这是上个月")
   });
  
   //点击下一个月
   let nextBtn = document.querySelector(
    ".el-calendar__button-group .el-button-group>button:nth-child(3)"
   );
   nextBtn.addEventListener("click", () => {
    
    
     console.log("这是下个月")
   });
  
   //点击今天
   let todayBtn = document.querySelector(
    ".el-calendar__button-group .el-button-group>button:nth-child(2)"
   );
   todayBtn.addEventListener("click", () => {
    
    
    console.log("这是今天")
   });
}

点击之后的操作可以自定义,这里只是输出

猜你喜欢

转载自blog.csdn.net/weixin_42947972/article/details/126198219