如何让用户输入v-time-picker？

Answer 1

在 v-text-field 上使用 v-model 和 @change 的组合，然后将结果提供给 v-time-picker。不要忘记在分配之前解析/清理值，因此最好不要使用相同的变量来保存更改。根据我的尝试，v-time-picker 默认使用

HH:MM

格式。

<v-text-field v-model="startTime" label="Start time" @change="onTextChange">
</v-text-field>

<v-time-picker v-model="startTimeParsed"></v-time-picker>
... data() {
 return {
    startTime: "",
    startTimeParsed: "",
 }
}
... methods: {
onTextChange() {
      // validate this value before assigning, you can use regex and so on
       this.startTimeParsed = this.startTime
    }
}

最小可重现示例：https://codepen.io/artikandri/pen/wvNEKNV?editors=101