el-time-picker时间选择器使用

el-time-picker 是一个基于 Element UI 的时间选择器组件。你可以使用它来方便地选择特定的时间。下面是一个简单的例子，展示如何在页面中使用 el-time-picker：

首先，确保你已经正确引入了 Element UI 的库文件和样式。

然后，在你的页面中添加以下代码：

<template>
  <div>
    <el-form>
      <el-form-item label="选择时间">
        <el-time-picker v-model="selectedTime" placeholder="选择时间"></el-time-picker>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedTime: '', // 用于保存选中的时间
    };
  },
};
</script>

在上面的例子中，我们首先创建了一个 el-form 组件，并在其中嵌套了一个 el-time-picker 组件。通过 v-model 指令，我们将选中的时间绑定到了 `selectedTime` 变量上。

现在，你可以在浏览器中预览页面，就能看到一个时间选择器。你可以点击输入框，弹出时间选择面板，并在面板中选择特定的时间。

同时，你也可以通过设置 el-time-picker 的属性来自定义其行为和外观。更多关于 el-time-picker 的用法和属性，请参考 Element UI 的官方文档。