el-time-picker怎么使用

Element UI的el-time-picker是一个用于选择时间的组件，它允许用户从一个包含小时、分钟和秒的选择列表中选择时间。以下是基本的使用步骤：

1. 首先，在项目中安装Element UI库：

   npm install element-ui --save

2. 引入所需的CSS样式和组件：

   <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

和组件：

   <script src="https://unpkg.com/element-ui/lib/index.js"></script>

3. 在HTML中创建`el-time-picker`元素：

   <el-form-item label="选择时间">
     <el-time-picker v-model="timeValue" placeholder="请选择时间"></el-time-picker>
   </el-form-item>

4. 绑定数据到组件上：

   data() {
     return {
       timeValue: ''
     };
   }

5. 当需要获取用户选择的时间时，可以访问`timeValue`变量：

   methods: {
     handleTimeChange(value) {
       console.log('时间选择更新:', value);
     }
   },
   watch: {
     'timeValue'(value) {
       this.handleTimeChange(value);
     }
   }

`handleTimeChange`函数会在用户选择时间后被调用，并打印出所选时间。

6. 可以自定义展示模式（如24小时制或12小时制），以及是否允许用户滚动选择时间等特性，具体可以参考官方文档：https://element.eleme.cn/#/en-US/component/time-picker