实现element时间组件默认展示上月和本月

1、实现默认展示上月和本月

例：现在是11月，组件上默认展示本月和下月

 

改装方法：给时间组件外面的容器一个@click.once="changeInitCalendarPage"点击事件

在点击事件里   使用document.querySelectorAll('button.el-icon-arrow-left')方法

先获取到组件里面 上个月小箭头的按钮 然后触发他的点击事件

代码如下：

      let leftbtn1=document.querySelectorAll('button.el-icon-arrow-left')

      if(leftbtn1 && leftbtn1.length && leftbtn1[0]) leftbtn1[0].click();

      this.$nextTick(()=>{

        let leftbtn2=document.querySelectorAll('button.el-icon-arrow-left')

        console.log(111,leftbtn1);

        if(leftbtn2 && leftbtn2.length && leftbtn2[1]) leftbtn2[1].click();

      })

改完效果：

 

document.querySelectorAll(）方法详解：

 参考链接：el-date-picker组件首次展开默认显示当上一个月和本月_成都彭于晏的橙子的博客-CSDN博客_el-date-picker 选择当天前一个月