如何在 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>

是否有允许将日期和时间输入到同一输入字段的输入类型？如果是这样，我该如何实现这样的领域？谢谢！

原文由 JS_is_awesome18 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

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

原文由 Flink 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

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

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

原文由 chans 发布，翻译遵循 CC BY-SA 4.0 许可协议