如何修改Vuetify v-text-field时间格式为24小时制并移除时钟图标

format="24hr"是v-time-picker组件的专属配置项，用在type="time"的v-text-field上不会生效。该场景下v-text-field本质是封装了原生<input type="time">元素，两个需求的解决方法如下：

• 移除时钟图标：给组件添加append-inner-icon=""属性，覆盖Vuetify默认的时钟后缀图标配置即可
• 强制24小时制显示：通过input-attrs属性给原生input元素绑定24小时制的区域语言属性，即可强制浏览器以24小时格式渲染时间，不会出现AM/PM标识

修改后的代码示例：

<v-text-field
  value="12:30:00"
  type="time"
  append-inner-icon=""
  :input-attrs="{ lang: 'zh-CN' }"
></v-text-field>

注：若zh-CN区域配置不匹配你的使用场景，也可以替换为同样使用24小时制的en-GB等区域编码。原生时间输入框的value返回值本身就是24小时制的HH:mm:ss格式，无需额外做格式转换。

内容的提问来源于stack exchange，提问作者Gayan Sandamal