Vuetify v-Date-Picker не показывает правильную дату в календаре выбора даты - PullRequest
Новая
       102

Vuetify v-Date-Picker не показывает правильную дату в календаре выбора даты

1 голос
/ 05 августа 2020

Я использую V-Date-Picker в vuetify. Я показываю несколько дат в средстве выбора даты. Указанные даты были взяты из приложения. Но средство выбора даты показывает неправильный формат даты. 

 let date = new Date(), context = this.$store.state[this.parentName], date_array=[];
 date=  moment(date).format(context.defaultDateFormat);
 let monthStart = moment(date).startOf('Month').format(context.defaultDateFormat);
                date_array.push(monthStart);
                date_array.push(date);
                let format_date = [];
               format_date.push(moment(monthStart).format('YYYY-MM-DD'));
                format_date.push(moment(date).format('YYYY-MM-DD'));
                this.$store.state[this.parentName].fields.filter(x => x.value == this.fieldName).find(x => x).date = format_date.toString();
                this.$store.state[this.parentName].editedItem.Date = date_array.toString();
                context.picker = format_date.toString();

Пожалуйста, помогите мне

Correct_format

Date_multiple

Календарь

1 Ответ

0 голосов
/ 06 августа 2020

Пожалуйста, проверьте, используя https://github.com/date-fns/date-fns для форматирования даты

Установить 

npm i date-fns

Использование 

import format from 'date-fns/format'
import parseISO from 'date-fns/parseISO'

your v-model variable=format(parseISO(date from variable),'yyyy-MM-dd')

Доступны варианты форматирования на https://date-fns.org

...