【VUE】日期选择默认展示最近三天（以当前时间推算，往前推天数）

VUE小技巧收纳

---

---

一、获取开始、结束时间，赋值给选择框

/**
     * 初始化查询条件：调用时间：默认查询最近三天
     */
    innitDate() {
      const startTime = new Date()
      // 需要查询最近几天，就将下面的3改成几就可以了（以当前时间推算，往前推天数）
      const pastTime = new Date(startTime.getTime() - 3600 * 1000 * 24 * 3)
      const dateValue = []
      dateValue.push(this.getTime(pastTime), this.getTime(startTime))
       // 选择框 v-model绑定的对象
       this.search.model.xxxCreateTime = dateValue
    },

    /**
    *  如果是日期时间，则再获取时分秒拼接即可；
    */ 
    getTime(time) {
      const lastY = time.getFullYear();
      const lastM = time.getMonth() + 1;
      const lastD = time.getDate();
      const data =
          lastY +
          '-' +
          (lastM < 10 ? '0' + lastM : lastM) +
          '-' +
          (lastD < 10 ? '0' + lastD : lastD);
      return data;
    },

二、初始化加载方法

 created() {
    this.innitDate()
    }