前言：工作中用到 vue+element ui 的前端框架，需要使用时间控件来选择多个日期，已月日的形式，且有默认值，所以记录一下。转载请注明出处：https://www.cnblogs.com/yuxiaole/p/9408107.html

网站地址： 

github地址：

 

代码如下 

        
         
     
     
  
      
时间控件年月，有默认值，设置时间控件不可输入
    
      月    
          
      
      
时间控件选择多个日期，有默认值，设置时间控件不可输入
    
      
    
      多个日期    
          
          
      
       打印选择的时间
          
      
      
       打印区      
           
      
     
     

发现一个bug

　　发现一个bug，在有默认值的情况下，第一次打开页面，点击时间控件，控件是不会选中的，如下图：

　　

解决方法：

　　控件的默认值放在mounted里赋值，并执行以下时间控件的showPicker和hidePicker方法，代码如下：

mounted: function(){          //为了解决bug，所以默认值放在了这里          this.$nextTick(function(){            this.dateArr = ["2018-08-03","2018-08-06"];            this.$refs.datesRef.showPicker();            this.$refs.datesRef.hidePicker();          });        }

 

转载请注明出处：https://www.cnblogs.com/yuxiaole/p/9408107.html