elementui time-picker 范围限制时间时分秒

Element UI 的 `time-picker` 组件提供了一个日期选择器，其中包括对时间范围的控制。如果你想要限制用户只能选择特定时间段内的分钟、小时和秒，你可以通过设置组件的属性来实现。

例如，如果你想让用户只能从早上8点到晚上8点之间选择，你可以这样做：

<el-time-picker
  v-model="timeRange"
  type="datetime"
  :picker-options="{
    start-placeholder: '开始时间',
    end-placeholder: '结束时间',
    ranges: {
      '8:00 - 20:00': { // 这里的时间段限制
        format: 'HH:mm', // 时间格式，只显示小时和分钟
        value: [8, 0], // 开始时间为8:00，结束时间为20:00
        disabledTime: function (currentTime) { // 禁用不在范围内的时间
          return {
            hour: currentTime.hour < 8 || currentTime.hour > 20 ? true : false,
            minute: currentTime.minute < 0 || currentTime.minute > 59 ? true : false
          };
        }
      }
    }
  }}"
></el-time-picker>

在这个例子中，`disabledTime` 属性用于禁用超出指定时间段的选项。它接受一个函数作为值，该函数接收当前时间对象 `currentTime`，并返回一个布尔对象，表示相应时间是否可用。