element 时间组件的默认时间设置default-value属性

在element 中的时间范围选项，直接默认的是以当前激活时间为默认，往后延续一个月，但我经常需要设置default-value属性。

<el-date-picker
      v-model="value1"
      type="daterange"
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期">
    </el-date-picker>

如今天我这里是2月18日，则为

但是我在使用这个组件的过程中，往往是提交时间搜索以前的数据内容，也就是说我需要看到的是今天之前的日期。比如说从今天到三十天前的数据，因此这个默认时间就显得不太对劲了。

<el-date-picker
              align="center"
              v-model="dateRange"
              :default-value="timeDefaultShow"
              type="daterange"
              range-separator="~"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              :default-time="['00:00:00', '23:59:59']"
            ></el-date-picker>




data(){
return {
timeDefaultShow:"",
}
}

 这里就用到了组件的default-value属性。

然后就是在页面初次加载或者获取焦点的时候获取timeDefaultShow 的时间了。

mounted() {
    this.timeDefaultShow = new Date();
    this.timeDefaultShow.setMonth(new Date().getMonth() - 1);
}