Javascript 如何在Vuetify文本输入字段中输入日期和时间

Javascript 如何在Vuetify文本输入字段中输入日期和时间,javascript,vue.js,vuetify.js,Javascript,Vue.js,Vuetify.js,我正在尝试构建一个Vuetify表单,该表单支持输入日期格式,其中包括事件的开始和结束日期和具体时间。到目前为止,我有以下几点: <v-form @submit.prevent="addEvent"> <v-text-field v-model="eventName" type="text" label="event name (required)"></v-text-field>

我正在尝试构建一个Vuetify表单,该表单支持输入日期格式,其中包括事件的开始和结束日期和具体时间。到目前为止,我有以下几点:

            <v-form @submit.prevent="addEvent">
              <v-text-field v-model="eventName" type="text" label="event name (required)"></v-text-field>
              <v-text-field v-model="start" type="date" label="start (required)"></v-text-field>
              <v-text-field v-model="end" type="date" label="end (required)"></v-text-field>
              <v-btn type="submit" color="primary" class="mr-4" @click.stop="dialog = false">
                Add Event
              </v-btn>
            </v-form>

添加事件

是否有允许在同一输入字段中输入日期和时间的输入类型?如果是,我如何实现这样一个字段?谢谢

有用于选择日期和时间的Vuetify组件,但没有组合的组件

您可以查看一个基本的html组件:


否则,您将不得不定制一个。

在HTML方式中,您可以使用datetime local作为类型

<input type="datetime-local" name="datetime">