Ant-design-vue中的选择时间控件 a-date-picker ，设置不能选择距今十年内的时间

template

<a-form-model-item label="出生日期" prop="birthday">
            <a-date-picker
              class="detail"
              @change="onChangeTime"
              placeholder=""
              :inputReadOnly="false"
              :showToday="false"
              v-model="personalData.birthday"
              valueFormat="YYYY-MM-DD"
              :disabled-date="disabledDate"
              :disabled="submitDisable"
            />
          </a-form-model-item>
          <!-- disabled-date 控制不能选择的时间属性 -->
          <!-- showToday 控制是否显示下边 “今天” 的部分 -->
          <!-- inputReadOnly 设置只读 友好移动端 -->

js

// 引入moment
import moment from "moment"
···
methous: {
	/**
       * 禁止用户选择十年内日期
       */
      disabledDate (current) {
      	// 只能选择十年前的时间
        return current > moment().subtract(365*10, 'day')
        // 只能选择十年范围内的时间 包括今天
        // return current < moment().subtract(365*10, 'day') || current &&current.endOf('day') > moment()
      },
}

展示

十年前的时间选择正常使用

距今十年中的日期不可选择