Vue.js VueDate选择器问题

是否有任何方法可以使用vuetify在datepicker中选择日期，而无需单击“确定”按钮。当我选择日期时，我需要它自动关闭并保存到文本字段。Vuetify版本为0.16

<v-flex xs11 sm3>     
  <v-dialog
    persistent
    v-model="startmodal"
    lazy
    full-width
    max-width="290px"
  >
    <v-text-field
      slot="activator"
      label="Start Date"
      v-model="startdate"
      prepend-icon="event"         
      required
    ></v-text-field>
    <v-date-picker v-model="startdate" scrollable actions>
      <template slot-scope="{ save, cancel }">
        <v-card-actions>
          <v-spacer></v-spacer>
          <v-btn flat color="primary" @click="cancel">Cancel</v-btn>
          <v-btn flat color="primary" @click="save">OK</v-btn>
        </v-card-actions>
      </template>
    </v-date-picker>
  </v-dialog>
</v-flex>

取消
好啊

---

**

将日期选择器包装到菜单中并添加此：：内容关闭单击=“true”

以下是一个例子：

             <v-menu
                    lazy
                    offset-y
                    full-width
                    :close-on-content-click="true"
                    v-model="menu"
                    transition="scale-transition"
                    :nudge-right="40"
                    max-width="290px"
                    min-width="290px"
                    >
                        <v-text-field
                        slot="activator"
                        label="Activation Date"
                        required
                        v-model="selectedDate"
                        prepend-icon="event"
                        readonly
                        ></v-text-field>
                        <v-date-picker
                            show-current
                            class="mt-3"
                            v-model="selectedDate"
                        >
                        <template slot-scope="{ save, cancel }">
                            <v-card-actions>
                            <v-spacer></v-spacer>
                            <v-btn flat color="primary" @click="cancel">Cancel</v-btn>
                            <v-btn flat color="primary" @click="save">OK</v-btn>
                            </v-card-actions>
                        </template>
                     </v-date-picker>
                </v-menu>

取消
好啊

将日期选择器包装到菜单中并添加此：：内容关闭单击=“true”

以下是一个例子：

             <v-menu
                    lazy
                    offset-y
                    full-width
                    :close-on-content-click="true"
                    v-model="menu"
                    transition="scale-transition"
                    :nudge-right="40"
                    max-width="290px"
                    min-width="290px"
                    >
                        <v-text-field
                        slot="activator"
                        label="Activation Date"
                        required
                        v-model="selectedDate"
                        prepend-icon="event"
                        readonly
                        ></v-text-field>
                        <v-date-picker
                            show-current
                            class="mt-3"
                            v-model="selectedDate"
                        >
                        <template slot-scope="{ save, cancel }">
                            <v-card-actions>
                            <v-spacer></v-spacer>
                            <v-btn flat color="primary" @click="cancel">Cancel</v-btn>
                            <v-btn flat color="primary" @click="save">OK</v-btn>
                            </v-card-actions>
                        </template>
                     </v-date-picker>
                </v-menu>

取消
好啊

你能做一把小提琴吗？-这是相同的代码。选中菜单区域中的#4-日期选择器。这是一样的。我不需要“确定”按钮，但当我选择日期时，它会自动输入文本字段@萨马约你能做一把小提琴吗这是相同的代码。选中菜单区域中的#4-日期选择器。这是一样的。我不需要“确定”按钮，但当我选择日期时，它会自动输入文本字段@谢谢你。我找到了另一个名为autosave的选项，它非常理想@Misshomme，我也一直在努力解决这个问题，您的解决方案运行得非常好。这应该是被接受的答案。@sandman我很高兴这有帮助，这对我来说也是一个解决方案，我觉得如果我们不接受这个问题，Jay应该用他的解决方案更新这个问题。谢谢。我找到了另一个名为autosave的选项，它非常理想@Misshomme，我也一直在努力解决这个问题，您的解决方案运行得非常好。这应该是被接受的答案。@sandman我很高兴这有帮助，这对我来说也是一个解决方案，我确实觉得如果我们不接受这个问题，Jay应该用他的解决方案更新这个问题。