Средство выбора даты Vuetify не отображает весь месяц - PullRequest
Новая
       8

Средство выбора даты Vuetify не отображает весь месяц

0 голосов
/ 29 мая 2020

Я работаю с программой выбора даты vuetify. API, который я вызываю, будет отображать данные за разные даты. Я вызвал компонент выбора даты с опорой диапазона. Обычно я нажимаю кнопку, и появляется модальное окно выбора даты, и все работает.

Единственная проблема, с которой я столкнулся, заключается в том, что он не отображается каждый день месяца. Прямо сейчас он показывает с 1 по 23 мая и все. 

<div class="d-inline">
    <v-dialog ref="dialog" v-model="modal" :return-value.sync="date" persistent width="290px" >
        <template v-slot:activator="{ on }">
            <v-btn class="mt-2"  outlined v-on="on">pick dates</v-btn>
        </template>
        <v-date-picker v-model="stateDateRange" range scrollable>
            <v-spacer></v-spacer>
            <v-btn text color="primary" @click="modal = false">Cancel</v-btn>
            <v-btn text color="primary" @click="$refs.dialog.save(date); selectStateDates();">OK</v-btn>
        </v-date-picker>
    </v-dialog>
</div>

var app = new Vue({
    data: {
        stateDateRange: [],
        menu: false,
        modal: false,
    }
});

Это то, что у меня сейчас есть, и он работает, кроме отображения всех дат.

Это текущее отображение календаря

Я думаю, что что-то еще в моем коде нарушает это, но я не уверен, что именно. Есть идеи, что потенциально может сломать это?

Я скопировал этот код в новый фиктивный проект, и он работал нормально

1 Ответ

0 голосов
/ 11 июня 2020

Полная ошибка новичков! У меня были похожие имена классов CSS в таблице, которые затем выполнялись в средстве выбора даты vuetify, которое использует таблицу, и это сломало ее.

...