<el-date-picker
  v-model="due_date"
  type="date"
  size="small"
  value-format="yyyy-MM-dd"
  :picker-options="pickerOptions0"
  placeholder="pick date">
</el-date-picker>

1.今日以后

pickerOptions0: {
  disabledDate(time) {
    return time.getTime() < Date.now() - 8.64e7
  }
}

2.前一个月

pickerOptions0: {
  disabledDate(time) {
    const lastMonthTime = new Date().setMonth(new Date().getMonth() - 1)
    return time.getTime() > Date.now() || time < lastMonthTime
  }
}

3.后一个月

pickerOptions0: {
  disabledDate(time) {
    const lastMonthTime = new Date().setMonth(new Date().getMonth() + 1)
    return time.getTime() < Date.now() || time > lastMonthTime
  }
}

daterange范围前后一个月

<el-date-picker
  v-model="promotionDateRange"
  type="daterange"
  :picker-options="pickerOptions" 
  range-separator="至"
  start-placeholder="开始日期"
  end-placeholder="结束日期">
</el-date-picker>
data() {
    return  {
      promotionDateRange:[],
      selectDate: '',
      // 日期时间范围在一个月以内
      pickerOptions: {
        onPick: ({ maxDate, minDate }) => {
          this.selectDate = minDate.getTime()
          if (maxDate) {
            this.selectDate = ''
          }
        },
        disabledDate: (time) => {
          if (this.selectDate !== '') {
            const one = 30 * 24 * 3600 * 1000
            const minTime = this.selectDate - one
            const maxTime = this.selectDate + one
            return time.getTime() < minTime || time.getTime() > maxTime
          }
        }
      },
   }
 }
作者 铁血 汉子 2019年11月6日
2024/04/24/03:53:37pm 2019/11/6/16:47:57
0 906