Vuetify Date Picker - Как установить начальную дату при использовании диалога

Question

Я попытался использовать свойство picker-date и посмотрел на другие, но пока не могу понять, как сделать так, чтобы <v-date-picker> отображался с годом, месяцем и днем ​​по моему собственному выбору. Кто-нибудь сделал это и знает, как этим управлять? Компонент, в котором используется средство выбора, является дочерним компонентом, и дата, с которой я хотел бы инициализировать, входит в качестве опоры.

Answer 1

Я пробовал использовать picker: начальное значение '2020-06-04' в v-data-picker и показывает это выбранное значение. Вы ищете что-то подобное?

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),
 }
 },
 })