如何设置el-date-picker的默认日期为当天

" "

日期选择框设置：

  <el-form-item label="">
        <el-date-picker
          v-model="daterangeCreateTime"
          style="width: 350px"
          value-format="yyyy-MM-dd HH:mm:ss"
          type="datetimerange"
          range-separator="-"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="['00:00:00', '23:59:59']"
        />
      </el-form-item>

‍

data中初始化数据：

data() {
    return {
// 创建时间时间范围
      daterangeCreateTime: []
}

create周期时候设置初始化：

  created() {
    // 初始化查询，默认为前一天
    this.daterangeCreateTime = this.timeDefault;

     this.getList(); //获取列表
}

computer周期中增加：

computed: {
    timeDefault() {
      var date = new Date();
      var s1 = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + (date.getDate()) + " 00:00:00";
      var s2 = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + (date.getDate()) + " 23:59:59";
      return [s1, s2];
    }
  },

为了防止没有赋值上初始值，this.getList中完善：

   getList() {
      this.loading = true;

      if (null === this.daterangeCreateTime && '' === this.daterangeCreateTime) {
        this.daterangeCreateTime = this.timeDefault;
      }


      if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
        this.queryParams["beginCreateTime"] = this.daterangeCreateTime[0];
        this.queryParams["endCreateTime"] = this.daterangeCreateTime[1];
      }

      listList(this.queryParams).then(response => {
        xxxxxxx
      });

‍