Выбор даты Vuetify не показывает даты

Question

Мой сборщик дат правильно расширяет свой модальный режим, но не показывает даты.

Datepicker отлично работает на коде, он показывает даты, но тот же код не работает в моем приложении. Вот ссылка на Codepen:

https://codepen.io/anon/pen/QPBzLZ

А вот и мой код:

.
.
.
               <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>

Кто-нибудь знает, в чем проблема, и как лучше ее решить?

Answer 1

Если он работает в Codepen, то я бы проверил версию Vuetify с вашей стороны и версию в Codepen.Возможно, вы используете старую версию Vuetify, которая не полностью поддерживает DatePicker .

Answer 2

Предполагая, что вы используете последнюю версию браузера и все другие связанные с браузером конфигурации настроены правильно, вы можете проверить другие зависимости проекта на наличие конфликтующих элементов CSS, что приводит к неправильной CSSrendering.