el-time-picker时间范围

El-Time-Picker 是一个基于 Element UI 的时间选择器组件，可以通过设置 minTime 和 maxTime 属性来限制时间范围。例如：

<el-time-picker
  v-model="time"
  :picker-options="{ start: '08:00', step: '00:30', end: '18:00' }"
></el-time-picker>

在上面的例子中，我们通过 picker-options 属性设置了可选时间范围的起始时间为 08:00，结束时间为 18:00，步长为 30 分钟。这样用户在选择时间时，只能选择 08:00 到 18:00 之间的时间，且时间间隔为 30 分钟。如果要设置日期范围，可以使用 El-Date-Picker 组件的 min 和 max 属性。

相关问题

el-time-picker 获取时间

el-time-picker 是一个基于 Element UI 的时间选择器组件，可以方便地获取用户选择的时间。下面是一个 el-time-picker 的使用示例：

<template>
  <div>
    <el-time-picker v-model="time" placeholder="选择时间"></el-time-picker>
    <p>您选择的时间是: {{ time }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      time: ''
    }
  }
}
</script>

在上面的示例中，我们首先在模板中使用了 el-time-picker 组件，并将其绑定到了一个名为 time 的数据上。当用户选择时间后，time 的值会自动更新。我们还在模板中添加了一个段落，用于显示用户选择的时间。

el-time-picker时间格式化

在 `el-time-picker` 中，可以使用 `format` 属性来自定义时间的显示格式。以下是一些常用的时间格式化选项：

- `'HH:mm'`：显示小时和分钟，例如 "14:30"
- `'HH:mm:ss'`：显示小时、分钟和秒，例如 "14:30:00"
- `'hh:mm A'`：显示12小时制的小时和分钟，并且在时间后面显示上午或下午，例如 "02:30 PM"

你可以根据自己的需求选择合适的时间格式，并将其设置为 `el-time-picker` 的 `format` 属性的值。例如：

<el-time-picker v-model="time" format="HH:mm"></el-time-picker>

在上面的示例中，`el-time-picker` 组件将以 "HH:mm" 的格式显示时间，并将选中的时间绑定到 `time` 变量上。

更多关于时间格式化的选项，你可以参考 [moment.js](https://momentjs.com/docs/#/displaying/format/) 的文档。