vue 选择当天之后的日期

 

样式：

   <a-form-item label="日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
        <a-date-picker 
            v-nodel="nextTime" 
            :disabled-date="disabledStartDate"
            format="YYYY-MM-DD"  
            value-format="YYYY-MM-DD"   
            placeholder="请选择日期" @openChange="handleStartOpenChange" />

        </a-form-item>

data声明

  startValue: null,
  endValue: null,
  endOpen: false,

 

方法：

    disabledStartDate(startValue) {
      return startValue.valueOf() < new Date()
    },
    disabledEndDate(endValue) {
      const startValue = this.form.getFieldValue('nextTime')
      if (!endValue || !startValue) {
        return false
      }
      return startValue.valueOf() >= endValue.valueOf() || endValue.valueOf() > new Date()
    },
    handleStartOpenChange(open) {
      if (!open) {
        this.endOpen = true
      }
    },
    handleEndOpenChange(open) {
      this.endOpen = open
    },

 

效果：