bounty还有6天到期。回答此问题可获得+50声望奖励。baitendbidz正在寻找一个规范答案。

我正在使用Vuetify 3，并希望有一个文本字段作为一个日期选择器。您可以在Vuetify 2文档www.example.com中查看示例https://v2.vuetifyjs.com/en/components/date-pickers/#dialog-and-menu
Vuetify 3文档还没有这样的示例https://vuetifyjs.com/en/components/date-pickers/
我开始制作一个Playground的原型

<template>
  <v-app>
    <v-container>
      <v-menu v-model="isMenuOpen" :close-on-content-click="false">
        <template v-slot:activator="{ props }">
          <v-text-field
            label="Selected date"
            :model-value="selectedDate"
            readonly
            v-bind="props"
          ></v-text-field>
        </template>
        <v-date-picker v-model="selectedDate"></v-date-picker>
      </v-menu>
    </v-container>
  </v-app>
</template>

<script setup>
  import { ref } from 'vue'

  const isMenuOpen = ref(false)
  const selectedDate = ref()
</script>

字符串
我怎样才能从datepicker中删除所有多余的东西？我不需要

• 整个标题
• 底部的操作栏

因此，每当我选择一个日期，我希望模型更新