Vuetify：天：小时：分钟的v-text-field？答案

【问题标题】：Vuetify: v-text-field for days:hours:minutes?Vuetify：天：小时：分钟的v-text-field？
【发布时间】：2021-05-13 02:39:58
【问题描述】：

我很想知道是否有机会格式化 v-text-field 以便它不仅可以选择小时和分钟，还可以选择天。

我目前正在查看文本字段的 Vuetify 文档，其中显示了以下解决方案： https://vuetifyjs.com/en/components/text-fields/#icon-events

<v-text-field
   label="Label Text"
   value="12:30:00"
   type="time"
   suffix="PST"
></v-text-field>

我想要实现的是能够选择天：小时：分钟，而不是小时：分钟：秒。有没有办法以这种方式操作文本字段？

谢谢！

【问题讨论】：

标签： vue.js vuetify.js

【解决方案1】：

Vuetify 没有提供一个组件可以同时实现这两种功能，但您可以使用 date 和 time 中的每一种类型：

<v-text-field
  v-model="vdate"
  label="DATE"
  type="date"
></v-text-field>

<v-text-field
  v-model="vtime"
  label="TIME"
  type="time"
  suffix="EST"
></v-text-field>

这是demo

【讨论】：