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

时间:2020-06-18 00:40:57

标签: vue.js vuetify.js

我曾尝试使用选取器日期道具,并查看了其他道具,但是我仍无法弄清楚如何用自己选择的年,月和日显示<v-date-picker>。有没有人做到这一点,知道如何管理?使用选择器的组件是子组件,而我要初始化的日期作为道具。

1 个答案:

答案 0 :(得分:0)

我尝试了选择器:v-data-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),
 }
 },
 })