时间戳

首页 > 解决方案 > Vuetify：天：小时：分钟的v-text-field？

vue.js - Vuetify：天：小时：分钟的v-text-field？

问题描述

我很想知道是否有机会格式化 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.jsvuetify.js

解决方案

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>

这是一个演示

推荐阅读