Javascript 如何将VuetifyJS时间选择器组件与文本而不是空/数一起使用？

我正在使用VueJS和用于web应用程序。如何在不获取时间选择器标题中的

12:NaN

的情况下为使用文本？我需要将SupriseMe作为文本字段中的文本，并将00:00作为时间选择器标题中的默认值

---

下面是一个代码笔问题示例：

可能会将v型

时间保持在
null
（按照vuetify的建议），并在文本字段中添加占位符

编辑：要更改占位符颜色，可以通过添加新类名覆盖css：

data () {
  return {
    time: null,
    //...
  }
}

<v-text-field
  slot="activator"
  v-model="time"
  label="Picker in dialog"
  prepend-icon="access_time"
  readonly
  placeholder="SurpiseMe"
  class="date-select" //for example
></v-text-field>

数据（）{
返回{
时间：空，
//...
}
}


.date选择>.input-group\uu输入>：：占位符{
颜色：黑色！重要；
}
是否可以更改占位符颜色？我需要它的颜色与选定的时间相同。（黑色）