elementUI和elementPlus使用el-date-picker禁用指定范围的日期

在Element UI和Element Plus中，el-date-picker组件提供了disabledDate属性，可以用来禁用特定范围的日期。你可以传入一个方法，该方法接受当前日期作为参数并返回一个布尔值，指示该日期是否被禁用。

以下是一个例子，展示如何在Element UI或Element Plus中使用disabledDate来禁用一个特定的日期范围：

<template>
  <el-date-picker
    v-model="value"
    type="date"
    placeholder="选择日期"
    :disabled-date="disabledDate"
  ></el-date-picker>
</template>
 
<script>
export default {
  data() {
    return {
      value: ''
    };
  },
  methods: {
    disabledDate(time) {
      // 禁用从2023年1月1日到2023年1月10日的日期
      const start = new Date(2023, 0, 1).getTime();
      const end = new Date(2023, 0, 10).getTime();
      return time.getTime() >= start && time.getTime() <= end;
    }
  }
};
</script>

在这个例子中，disabledDate方法会检查每个日期，如果日期是2023年1月1日至2023年1月10日之间的日期，它就会返回true，表示这些日期是被禁用的。所有其他日期都将是可选的。