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

Question

我正在尝试构建一个 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>

是否有一种输入类型允许在同一输入字段中同时输入日期和时间？如果是这样，我该如何实现这样一个字段？谢谢！

Answer 1

是否有一种输入类型允许在同一输入字段中同时输入日期和时间？

如果您设置而不是 ，则 Vuetify 中的v-text-field组件允许您一起选择日期和时间。type="datetime-local""date"

说明datetime-local： https: //developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local

Answer 2

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

您可以查看一个基本的 html 组件：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local

否则你就必须定制一个。