el-time-picker支不支持时间区间禁用

是的，el-time-picker组件支持时间区间禁用功能。你可以使用disabled-hours和disabled-minutes属性来禁用指定的小时和分钟。你也可以使用range-separator属性来指定时间区间的分隔符。例如，你可以这样使用el-time-picker来禁用每天的早上9点到下午5点之间的时间：

<el-time-picker
  :picker-options="{
    disabledHours: () => {
      return [...Array(9).keys(), ...Array(17, 24).keys()];
    },
    rangeSeparator: '-'
  }"
></el-time-picker>

这将禁用每天早上9点到下午5点之间的所有时间。

相关问题

el-time-picker的picker-options

el-time-picker是一个基于Element UI的时间选择器组件，picker-options是该组件的一个配置项，用于设置时间选择器的各种选项。

picker-options包括以下几个属性：

1. start：时间选择器可选范围的开始时间，默认为00:00:00。

2. end：时间选择器可选范围的结束时间，默认为23:59:59。

3. step：每次选择时间时的时间间隔，默认为00:30:00。

4. minTime：时间选择器可选的最小时间，小于该时间的时间将被禁用。

5. maxTime：时间选择器可选的最大时间，大于该时间的时间将被禁用。

6. readonly：是否将时间选择器设置为只读，默认为false。

7. editable：是否将时间选择器设置为可编辑，默认为true。

8. disabled：是否将时间选择器设置为禁用状态，默认为false。

9. format：时间选择器的时间格式，默认为HH:mm:ss。

10. placeholder：时间选择器的占位符，默认为请选择时间。

以上是picker-options属性的一些常用配置，你可以根据实际需求进行设置。

el-time-picker 时间区间default-value

要设置el-time-picker的时间区间default-value，可以使用range-picker属性。以下是一个例子：

<el-date-picker
  v-model="value"
  type="datetimerange"
  range-separator="至"
  start-placeholder="开始日期"
  end-placeholder="结束日期"
  :default-value="[new Date(2021, 1, 2, 8, 10, 30), new Date(2021, 1, 2, 10, 30, 30)]"
  >
</el-date-picker>

在上面的例子中，我们使用了el-date-picker标签，并将type属性设置为datetimerange，这样就可以选择日期和时间范围。我们还使用了range-separator属性来设置日期范围的分隔符，start-placeholder和end-placeholder属性来设置日期选择器的占位符。最重要的是，我们使用了default-value属性来设置默认的时间区间，这个属性的值是一个包含两个Date对象的数组，分别表示时间区间的开始时间和结束时间。