element-ui 的 <el-date-picker type="daterange"> 时间组件，显示当前月怎么实现？

Question

elemnt-ui 的<el-date-picker type="daterange"> 时间组件 我需要进入页面时就显示当前一个月的时间段
应该怎么做
效果图如下面

Answer 1

    <div class="block">
        <span class="demonstration">daterange</span>
        <el-date-picker
          v-model="value2"
          type="daterange"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          default-value="2010-10-01" @change="change">
        </el-date-picker>
      </div>
    
    
    data:{
     value2: ["2017-11-10","2018-12-01"],
    },
      created:function(){
      var data = new Date();            
      var curMonth = data.getMonth()+1; 
      data.setMonth(curMonth);            
      data.setDate(0);
      var year = data.getFullYear(); 
      var month =  curMonth<10?'0'+curMonth:curMonth;  
      var day = data.getDate();     
      this.value2 = [`year+${year}-${month}-01`,`year+${year}-${month}-${day}`]           
    }

Answer 2

顶一波楼上，将日期写到变量中，再在插件中绑定默认值这个属性