Vuetify 的日期选择器不显示日期答案

【问题标题】：Vuetify's datepicker doesn't show the datesVuetify 的日期选择器不显示日期
【发布时间】：2019-04-22 19:39:19
【问题描述】：

我的日期选择器正确扩展了它的模式，但没有显示日期。

Datepicker 在 codepen 上完美运行，它显示日期，但相同的代码在我的应用程序中不起作用。这是 Codepen 的链接：

这是我的代码：

.
.
.
               <v-menu
                v-model="menu2"
                :close-on-content-click="false"
                :nudge-right="40"
                lazy
                transition="scale-transition"
                offset-y
                full-width
                min-width="290px"
              >
                <template v-slot:activator="{ on }">
                  <v-text-field
                    v-model="date"
                    label="Date"
                    readonly
                    v-on="on"
                  ></v-text-field>
                </template>
                <v-date-picker v-model="date" @input="menu2 = false" no-title scrollable></v-date-picker>
              </v-menu>
.
.
.
<script>
  export default {
    data: () => ({
    date: new Date().toISOString().substr(0, 10),
    menu2: false
    })
   }
</script>

有谁知道问题是什么，最好的解决方法是什么？

【问题讨论】：

你能提供你的浏览器吗？因为您的代码在我的情况下有效。
我正在使用谷歌浏览器。它在 Codepen 中工作。不适用于我的应用程序！ :(
您是否检查过应用中的检查元素？
您是否尝试过清除缓存？
如果它在 Codepen 上运行而不是在本地浏览器中运行，请尝试以下步骤：A. 清除缓存，B. 检查浏览器的最新版本，C. 从项目的其他依赖项中检查任何冲突的 CSS。

标签： javascript vue.js datepicker calendar vuetify.js

【解决方案1】：

假设您使用的是最新版本的浏览器并且所有其他浏览器相关配置均已正确配置，您可能需要检查项目的其他依赖项是否存在冲突的 CSS 元素，这会导致错误的 CSSrendering。

【讨论】：

我正在使用 Vuetify 和 Element-UI，您认为它们是否会导致问题？有没有办法检查？
我的意思是有没有办法直接检查冲突的 CSS 渲染？我已经在 codepen 中运行过它，它没有依赖关系

【解决方案2】：

如果它在 Codepen 中有效，那么我会检查您端的 Vuetify 版本以及 Codepen 中的版本。可能是您使用的是不完全支持 DatePicker 的旧版 Vuetify。

【讨论】：

刚查过，版本没问题