Vuetify 日期选择器 - 如何设置对话框使用的初始日期答案

【问题标题】：Vuetify Date Picker - How to Set the initial date on dialog usageVuetify 日期选择器 - 如何设置对话框使用的初始日期
【发布时间】：2020-10-07 22:52:27
【问题描述】：

我尝试过使用 picker-date 道具，并查看了其他道具，但我还不知道如何让 <v-date-picker> 显示我自己选择的年、月和日。有没有人这样做并知道如何管理它？使用选择器的组件是子组件，我想初始化的日期作为道具进来。

【问题讨论】：

能否请您展示一下您到目前为止所做的工作？
@KickButtowski，以下来自模板：picker> 这是从父组件进来的 props: props: { dataDate: { type: String },
...以下来自模板：` picker> `这是从父组件传入的prop：`props：{dataDate：{type：String}，}`这是来自prop的v-model数据变量的赋值：`data（）{return { menu: false, datadate: this.dataDate, } ` 使用这种模式，选择器的初始日期是从父级传入的。
我还没有弄清楚如何在此处的评论中显示代码 - 也许你不能？

标签： vue.js vuetify.js

【解决方案1】：

我尝试在 v-data-picker 中使用 picker:'2020-06-04' 初始值，并显示这个选择的值。你在寻找类似的东西吗？

https://codepen.io/manojkmishra/pen/oNbYPvv?editors=1010

<div id="app">
<v-app id="inspire">
{{picker}}
<v-row justify="center">
  <v-date-picker v-model="picker"></v-date-picker>
</v-row>
</v-app>
</div>

new Vue({
el: '#app',
vuetify: new Vuetify(),
data () {
return {
  picker:'2020-06-04',
  //picker: new Date().toISOString().substr(0, 10),
 }
 },
 })

【讨论】：

感谢 Manoj，这很好地回答了有关初始值的问题。我对 Vue 和 Vuetify 比较陌生，并且在过去 4 个月中一直在构建我的第一个使用它的真正产品。我花了（字面意思）几个星期来努力让做我想做的事。话虽如此，在这个我现在已经想通了
我的评论期已超时，所以这是我试图回复的内容：谢谢 Manoj，您对有关初始值的问题给出了很好的回答。我也想通了可以像这样使用props来初始化Vue组件实例数据： props: { dataDate: { type: String } } data () { return { datadate: this.dataDate, } }，所以当我传入用于初始化数据选择器的道具，的调用可以使用 datadate 作为其起始值。
我的评论期已超时，所以这是我试图回复的内容：谢谢 Manoj，您对有关初始值的问题给出了很好的回答。我也想通了可以像这样使用props来初始化Vue组件实例数据： props: { dataDate: { type: String } } data () { return { datadate: this.dataDate, } }，所以当我传入用于初始化数据选择器的道具，的调用可以使用 datadate 作为其起始值。