javascript - 如何在 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 组件，但没有组合组件。

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

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