element-plus禁用小时

Element Plus是一个基于Vue.js的UI组件库，它提供了一套现代、简洁的设计风格。如果你想在Element Plus的日历组件（如`<el-date-picker>`）中禁用某个时间范围内的小时选择，你可以通过设置`picker-options`对象来实现。

例如，假设你想禁用从晚上10点到早上6点的时间，可以这样做：

<template>
  <el-date-picker
    v-model="value"
    type="datetime"
    :picker-options="{ disabledHours: function (hours) {
      return hours.map(hour => (hour >= 22 || hour <= 5) ? false : true); // 禁用10点到6点
    }}"
  ></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      value: '',
    };
  },
};
</script>

在这个例子中，我们定义了一个函数作为`disabledHours`选项，这个函数接收一个包含所有小时数的数组，并返回一个新的数组，其中包含应该禁用的时间（这里设置为从22（晚上10点）到5（早上6点）的所有小时设为false，表示禁用）。