vue 时间选择器插件

你可以尝试使用 Element UI 提供的时间选择器组件。Element UI 是基于 Vue.js 的一套UI组件库，其中包含了丰富的表单组件，包括时间选择器。

要使用 Element UI 的时间选择器，首先需要安装 Element UI：

npm install element-ui --save

然后在你的 Vue 项目中引入 Element UI：

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

接下来，在你的 Vue 组件中可以直接使用 `el-time-picker` 标签来创建时间选择器：

<el-time-picker v-model="time" placeholder="选择时间"></el-time-picker>

其中，`v-model` 指令用于双向绑定时间选择器的值，`placeholder` 属性用于设置默认的占位符文本。

在 Vue 组件中，你可以通过 `data` 属性定义一个名为 `time` 的变量用于存储时间选择器的值：

data() {
  return {
    time: ''
  }
}

这样，当用户选择一个时间时，`time` 变量的值会自动更新。你可以在组件的其他地方使用这个值。

Element UI 的时间选择器还有很多配置选项和功能，你可以查阅官方文档来了解更多信息：https://element＊＊＊