【vue】实现获取当天、当周、当月的区间日期

data: function () {
    return {
      startDate: '',
      endDate: '',
    }
  }, 
  created: function () {
    var that = this;
    that.getFormatDate(1);//2022-07-05 2022-07-05
    that.getFormatDate(2);//2022-07-03 2022-07-09
    that.getFormatDate(3);//2022-07-01 2022-07-31

  },
  methods: {
    /**
    * 是否已注册过
    * @type {Number} 类型 1:当天 2:当周 3:当月
    */
    getDate(type) {
      var now = new Date();
      var nowDayOfWeek = now.getDay(); //今天本周的第几天 
      var nowDay = now.getDate(); //当前日
      var nowMonth = now.getMonth();
      var nowYear = now.getFullYear(); //当前年
      let startGMT, endGMT;
      if (type == 1) {//当天
        startGMT = now;
        endGMT = now;
      } else if (type == 2) {//当周
        startGMT = new Date(nowYear, nowMonth, nowDay - nowDayOfWeek);
        endGMT = new Date(nowYear, nowMonth, nowDay + (6 - nowDayOfWeek));
      } else if (type == 3) {//当月
        startGMT = new Date(nowYear, nowMonth, 1);
        var days = new Date(nowYear, nowMonth + 1, 0).getDate();//获取当月总共有多少天
        endGMT = new Date(nowYear, nowMonth, days);
      }
      this.startDate = this.formatDate(startGMT);
      this.endDate = this.formatDate(endGMT);
    },
    
    //格式化日期
    formatDate(date) {
      var year = date.getFullYear();
      var month = date.getMonth() + 1;
      var day = date.getDate();
      return `${year}-${this.formatFillDate(month)}-${this.formatFillDate(day)}`;
    },
    
    //补全0
    formatFillDate(data) {
      return data < 10 ? '0' + data : data;
    },
 }