vue.js - Vuetify v-Date-Picker 没有在日期选择器日历中显示正确的日期
问题描述
我在 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();
请帮帮我
解决方案
请使用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上找到
推荐阅读
- php - 显示 WP 目录中的随机图像
- javascript - 在 datetimepicker 中禁用以前的日期并更改日期格式
- python - 如何用另一个字符串中的重复字母构建一个列表 - Python - Hangman Game
- sql - 像 COALESCE 这样的复杂查询?
- javascript - 以编程方式触发 onRowClicked-event
- sql - 使用表中的 ID 并插入到辅助表中
- javascript - 导航到新选项卡时 CSS :hover 未清除
- javascript - HTML DIV 没有从右到左斜向末端移动
- r - 如何在 Plotly 旭日形图中定义元素的顺序?
- kubernetes - Traefik Kubernetes 找不到 404 页面