javascript - 如何调试无法正确呈现的日期选择器

Question

我有这个 vuetify 日期选择器，但后来我将项目更改为预制模板（https://github.com/creativetimofficial/vuetify-material-dashboard）此模板使用 vuetify 作为框架，但即使一切正常正如它应该的那样，我所有的日期选择器都被窃听了。它们按应有的方式工作，但是您可以在此处看到它的风格完全奇怪：

关于如何理解发生了什么的任何提示？

                <v-dialog ref="dialog" v-model="modal" :return-value.sync="date" persistent lazy full-width width="290px">
                  <v-text-field slot="activator" v-model="date" label="Picker in dialog" prepend-icon="event" readonly></v-text-field>
                  <v-date-picker v-model="date" scrollable>
                    <v-spacer></v-spacer>
                    <v-btn flat color="primary" @click="modal = false">Cancel</v-btn>
                    <v-btn flat color="primary" @click="$refs.dialog.save(date)">OK</v-btn>
                  </v-date-picker>
                </v-dialog>

                export default {
                  data() {
                    return {
                    date: new Date().toISOString().substr(0, 10),
                    modal: false
                    }
                   }
                 }

标签： javascriptvue.jsdatepickerrenderingvuetify.js