<v-time-picker> - 时间选择器不工作答案

【问题标题】：<v-time-picker> - time picker not working<v-time-picker> - 时间选择器不工作
【发布时间】：2019-03-02 22:55:36
【问题描述】：

<v-time-picker> - 您是否正确注册了组件？对于递归组件，请确保提供“名称”选项

<div class="form-inline">
    <label for="">Time</label>

    <v-time-picker
         class="theme-orange"
         v-model="time"
         input-class="form-control"
         type="time"
         auto>
    </v-time-picker>

</div>

我只需要时间选择器，我该如何解决这个问题？

【问题讨论】：

需要添加 VTimePicker ，见vuetifyjs.com/en/guides/a-la-carte

标签： css vue.js vue-component timepicker

【解决方案1】：

错误消息表示您尚未在文件中导入组件。另一种方法是将vuetify 全局添加到您的项目中。要解决此问题，请在您的 main.js/index.js 文件中添加以下行：

import Vuetify from 'vuetify';
// ...other import statements

Vue.use(Vuetify)

【讨论】：

【解决方案2】：

这是时间选择器的 Vuetify 代码

<v-time-picker v-model="time" header-color="primary"></v-time-picker>

您必须确保即使在 JS 中也关联了 v-model，您的 JS 中的变量可以是 null 或字符串，并且您可以将其用于任何功能。

在你的JS里面一定是这样的

data:{
   time: ''(this is most recommended) or time: null
}

【讨论】：