el-date-picker,默认显示从当年的1月1号到当天的时间以及本季度的第一天到今天的时间

效果图

因为我们后端设计的是开始时间喝结束时间分别传字符串给他,所以我写的方法略有不同,不然可以直接传数组或者整个字符串

然后再methods里面写方法,然后再created里面调用方法

  //设置默认日期
    getCurrentMonthFirst() {
      // 获取当年1月1号
      var date = new Date()
      date.setDate(1)
      this.searchForm.beginTime = date.getFullYear() + "-01" + "-01"
    },
    getCurrentMonthLast() {
      // 获取当天日期
      var date = new Date()
      var month = parseInt(date.getMonth() + 1)
      var day = date.getDate()
      if (month < 10) month = "0" + month
      if (day < 10) day = "0" + day
      this.searchForm.reportTimeGt =
        date.getFullYear() + "-" + month + "-" + day
    }

---

本季度的第一天到今天的时间
可用moment实现

// 得到当前年份的当前季度开始日期
export const getCurrentQuarterStartDate = () => {
  let currentQuarter = moment().quarter()
  let currentYear = moment().year()
  return moment(moment(currentYear + "-01-01").toDate())
    .quarter(currentQuarter)
    .format("YYYY-MM-DD")
}

// 获取当前日期
export const getDate = () => {
  return moment().format("YYYY-MM-DD")
}

使用的时候
先引入封装的文件

然后再methods里面定义

`
 // 设置默认日期
    getCurrentQuarter() {
      // 获取前季度的开始日期
      this.searchForm.startTime = getCurrentQuarterStartDate()
      // 获取当天的日期
      this.searchForm.endTime = getDate()
    }`

最后去created里面调用一下
最后在查询的时候传参使用

      ...changeDateStr(this.searchForm, "startTime", "start"),
        ...changeDateStr(this.searchForm, "endTime", "end")

---------------------------------------------------------------手动分割-------------------------------------------------------
禁用当前日之前的时间

 <el-date-picker
              v-model="creditAddForm.invalidTime"
              type="date"
              format="yyyy -MM -dd "
              value-format="yyyy-MM-dd"
              placeholder="选择日期"
              :picker-options="pickerOptions"
  ></el-date-picker>

 data() {
      return {
        pickerOptions1: {
         disabledDate(time) {
            return time.getTime() < Date.now() - 8.64e7;
          },
        }      
      }
    }