element date-picker 时间区间限定只能选择90天

 

//html
<el-date-picker
   v-model="selDataRange"
   type="daterange"
   range-separator="至"
   value-format="yyyy/MM/dd"
   start-placeholder="开始时间"
   end-placeholder="结束时间"
   :picker-options="pickerOptions"
/>

 

data声明
pickerOptions: {
  //选定时间限制在再90天
  disabledDate: (function (time) {
    if (this.selectDate) {
      let deff = 90 * 24 *60 * 60 * 1000
      let nowDate = this.selectDate.getTime()
         return time.getTime()  > nowDate + deff || time.getTime()  < nowDate - deff
      }
      return false
  }).bind(this),
  onPick: date => {
  // 如果只选择一个则保存至selectDate 否则selectDate 为空
  　　if (date.minDate && !date.maxDate) {
        this.selectDate = date.minDate
     } else {
        this.selectDate = null
     }
 }
},
selectDate:'',