Element UI el-date-picker 设置可选范围 - 禁用日期示例

<template>
  <div>
    <el-date-picker
      v-model="selectedDate"
      :disabled-date="disabledDate"
    ></el-date-picker>
  </div>
</template>
<script>
export default {
  data() {
    return {
      selectedDate: null
    };
  },
  methods: {
    disabledDate(date) {
      // 设置可选范围为今天之前的日期和未来10天之后的日期
      const today = new Date();
      const tenDaysLater = new Date(today.getTime() + 10 * 24 * 60 * 60 * 1000);
      return date < today || date > tenDaysLater;
    }
  }
};
</script>
<p>在上面的示例中，<code>disabledDate</code>函数会判断日期是否在今天之前或者未来10天之后，如果是则返回true，表示该日期不可选。</p>