Vuetify v-Date-Picker 没有在日期选择器日历中显示正确的日期答案

【问题标题】：Vuetify v-Date-Picker not showing correct date inside date picker calendarVuetify v-Date-Picker 没有在日期选择器日历中显示正确的日期
【发布时间】：2020-11-25 13:15:09
【问题描述】：

我在 vuetify 中使用 V-Date-Picker。我在日期选择器中显示多个日期。显示的日期已从应用程序过去。但是日期选择器显示的日期格式错误。

 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();

请帮帮我

【问题讨论】：

标签： vue.js datepicker vuetify.js

【解决方案1】：

请使用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 上提供格式选项

【讨论】：