使用moment插件获取近七天近一年的日期

一、使用步骤

1.引入库

main.js引入

import moment from 'moment'
Vue.prototype.$moment = moment

代码如下（示例）：

<div class="date-box">
            <span :class="{ 'btn-right': true, 'active-btn': activeBtn == 1 }" @click="chooseBill(1)">近7天</span>
            <span class="lineq">|</span>
            <span :class="{ 'btn-right': true, 'active-btn': activeBtn == 2 }" @click="chooseBill(2)">近15天</span>
            <span class="lineq">|</span>
            <span :class="{ 'btn-right': true, 'active-btn': activeBtn == 3 }" @click="chooseBill(3)">近1月</span>
            <span class="lineq">|</span>

            <span :class="{ 'btn-right': true, 'active-btn': activeBtn == 4 }" @click="chooseBill(4)">近半年</span>
            <span class="lineq">|</span>
            <span :class="{ 'btn-right': true, 'active-btn': activeBtn == 5 }" @click="chooseBill(5)">近一年</span>
            <!-- <span> | </span>
            <span
              :class="{ 'btn-right': true, 'active-btn': activeBtn == 6 }"
              @click="chooseBill(6)"
              >自定义
            </span> -->
          </div>

2.读入数据

代码如下（示例）：

 chooseBill(i) {
      this.activeBtn = i
      let startTime = ''
      let endTime = ''
      let dateArr = []
      this.search.startAndEndTime = []
      if (i == 1) {
        // 近7天
        let toDayDate = new Date()
        startTime = this.$moment(toDayDate).subtract(7, 'd').format('YYYY-MM-DD')
        endTime = this.$moment(toDayDate).subtract(1, 'd').format('YYYY-MM-DD')
        dateArr.push(startTime)
        dateArr.push(endTime)
        this.query.startAndEndTime = dateArr
        console.log(this.query.startAndEndTime, '====')
        this.dateChoose = 0
        // this.option.column[2].searchDisabled = true;
        this.search.startAndEndTime = dateArr
        this.$forceUpdate()
        this.onLoad(this.page)
      } else if (i == 2) {
        // 近15天
        let toDayDate = new Date()
        startTime = this.$moment(toDayDate).subtract(15, 'd').format('YYYY-MM-DD')
        endTime = this.$moment(toDayDate).subtract(1, 'd').format('YYYY-MM-DD')
        dateArr.push(startTime)
        dateArr.push(endTime)
        this.query.startAndEndTime = dateArr
        this.dateChoose = 1
        this.search.startAndEndTime = dateArr
        this.$forceUpdate()
        this.onLoad(this.page)
      } else if (i == 3) {
        // 近1个月
        let toDayDate = new Date()
        startTime = this.$moment(toDayDate).subtract(1, 'd').subtract(1, 'M').format('YYYY-MM-DD')
        endTime = this.$moment(toDayDate).subtract(1, 'd').format('YYYY-MM-DD')
        dateArr.push(startTime)
        dateArr.push(endTime)
        this.query.startAndEndTime = dateArr
        this.dateChoose = 2
        this.search.startAndEndTime = dateArr
        this.$forceUpdate()
        this.onLoad(this.page)
      } else if (i == 4) {
        // 近半年
        let toDayDate = new Date()
        startTime = this.$moment(toDayDate).subtract(1, 'd').subtract(6, 'M').format('YYYY-MM-DD')
        endTime = this.$moment(toDayDate).subtract(1, 'd').format('YYYY-MM-DD')
        dateArr.push(startTime)
        dateArr.push(endTime)
        this.query.startAndEndTime = dateArr
        this.dateChoose = 3
        this.search.startAndEndTime = dateArr
        this.$forceUpdate()
        this.onLoad(this.page)
      } else if (i == 5) {
        // 近1年
        let toDayDate = new Date()
        startTime = this.$moment(toDayDate).subtract(1, 'd').subtract(1, 'Y').format('YYYY-MM-DD')
        endTime = this.$moment(toDayDate).subtract(1, 'd').format('YYYY-MM-DD')
        dateArr.push(startTime)
        dateArr.push(endTime)
        this.query.startAndEndTime = dateArr
        this.dateChoose = 4
        this.search.startAndEndTime = dateArr
        this.$forceUpdate()
        this.onLoad(this.page)
      } else {
        this.dateChoose = ''
      }
    },