【element-ui】element-ui

Z时代
2024-01-10
分类：技术分享

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

回答：

    <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}`]               }