a-range-picker控制禁止選擇的時間

          <a-form-model-item label="時間週期"
                             prop="dateRange"
          >
            <a-range-picker
              v-model="form.dateRange"
              format="YYYY-MM-DD"
              value-format="YYYY-MM-DD"
              :disabled-date="disabledHDate"
              @change="onChange"
              @calendarChange="calendarChange"
            />
          </a-form-model-item>
// 導出數據時間週期間隔不允許超過90天,不允許選擇2022-08-19之前的時間
disabledHDate(current) {
      if (this.form.dateRange && this.form.dateRange[0]) {
        return (
          current < moment(this.form.dateRange[0]).subtract(89, 'days') ||
          current > moment(this.form.dateRange[0]).add(89, 'days') ||
           current < moment('2022-08-19')
        )
      } else {
        return current < moment('2022-08-17')
      }
    },
    onChange(dateString) {
      this.startDate = dateString[0]
      this.endDate = dateString[1]
    },
    calendarChange(dates) {
      this.form.dateRange = dates
    },
 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章