У меня был этот инструмент выбора даты 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
}
}
}