做vue开始日期和结束日期的一个问题要注意

<div class="block">
    <span class="demonstration">开始日期</span>
    <el-date-picker
      v-model="value1"
      type="date"
      placeholder="选择日期">
    </el-date-picker>
  </div>
  <div class="block">
    <span class="demonstration">结束日期</span>
    <el-date-picker
      v-model="value2"
      align="right"
      type="date"
      placeholder="选择日期">
    </el-date-picker>
  </div>

 export default {
      data() {
        return {
          value1: '',
          value2: ''
        }
      },
      created:{
        clear() {
          //需求时一开始给当天日期 使用方法封装.
          //如若直接给数据绑定值,后续再做逻辑会导致数据混乱,绑定的日期值就会为 volid Date 
          const dateObj=new Date()
          const year=dateObj.setDate(dateObj.getDate()-1)
          const month=(dateObj.getMonth()+1).toString().padStart(2,'0')
          const day=(dateObj.getDate()).toString().padStart(2,'0')
          const formattedDate=year+'-'+month+'-'+day  //年-月-日
          this.value1 = this.value2=formattedDate
        }
      },
    }