vue element DateTimePicker 怎么禁止某天的某个时间段

对于Vue Element的DateTimePicker组件，要禁止某天的某个时间段，你可以使用其`disabledDate`和`disabledTime`属性来实现。

首先，你可以通过设置`disabledDate`属性来禁止选择某天。该属性接受一个函数，函数的参数是当前日期，你可以根据需要返回一个布尔值来判断是否禁用该日期。例如，如果要禁用2022年1月1日，可以这样设置：

<template>
  <el-date-picker
    v-model="date"
    :picker-options="pickerOptions"
  ></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      date: null,
      pickerOptions: {
        disabledDate(time) {
          // 禁用2022年1月1日
          return time.getFullYear() === 2022 && time.getMonth() === 0 && time.getDate() === 1;
        }
      }
    };
  }
};
</script>

接下来，你可以通过设置`disabledTime`属性来禁止选择某个时间段。该属性也接受一个函数，函数的参数是当前时间和日期，你可以根据需要返回一个对象来指定禁用的时间段。例如，如果要禁用上午9点到下午2点之间的时间，可以这样设置：

<template>
  <el-time-picker
    v-model="time"
    :picker-options="pickerOptions"
  ></el-time-picker>
</template>

<script>
export default {
  data() {
    return {
      time: null,
      pickerOptions: {
        disabledTime(time) {
          // 禁用上午9点到下午2点之间的时间
          return {
            disabledHours: () => {
              return [9, 10, 11, 12, 13];
            },
            disabledMinutes: () => {
              return [0];
            },
            disabledSeconds: () => {
              return [0];
            }
          };
        }
      }
    };
  }
};
</script>

通过设置这两个属性，你可以禁止某天的某个时间段在Vue Element的DateTimePicker中选择。希望对你有帮助！如果有任何疑问，请随时提问。