elementUI日期选择器,选择日期各种范围禁用

在Element UI的日期选择器（DatePicker）组件中，可以通过设置disabledDate属性来禁用日期的选择。这个属性接受一个方法，该方法会传入当前的日期（通过Date对象），并在此日期可选时返回false，不可选时返回true。

以下是一个示例，展示了如何在Element UI的日期选择器中禁用特定范围的日期：

<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日的日期
      let start = new Date(2023, 0, 1);
      let end = new Date(2023, 0, 10);
      return time.getTime() >= start.getTime() && time.getTime() <= end.getTime();
    }
  }
};
</script>

在这个例子中，disabledDate方法会检查当前日期是否在2023年1月1日到2023年1月10日之间，如果是，则该日期将被禁用。你可以根据需要调整日期范围。