如何在vue 3中更改日期格式？

5vf7fwbs 于 2022-12-14 发布在 Vue.js

关注(0)|答案(2)|浏览(441)

我遇到的问题是2022-12-06T17:00:00.000Z
这是我的代码：

<Calendar
                inputId="range"
                v-model="collectionItems.StartOn"
                selectionMode="range"
                :manualInput="false"
                dateFormat="yy-mm-dd"
              >
              </Calendar>

但我想要像这样2022-12-05

vue.js

来源：https://stackoverflow.com/questions/74688550/how-to-change-dateformat-in-vue-3

2条答案

按热度按时间

wooyq4lh1#

要更改Vuejs v3中的日期格式，可以使用date-fns。

npm install date-fns

您可以像下面这样格式化日期

var formatedDate = format(date, 'yyyy-MM-dd');

如果你想工作的代码，我把它放在我的codepen上：https://codepen.io/maymeow/pen/xxzmgKJ
希望能有所帮助。

赞(0）回复(0）举报 2022-12-14

jfgube3f2#

在将collectionItems.StartOn应用于自定义组件Calendar之前，必须对其进行格式化
它来自你的后端吗？
要么在发送到前端之前在后端解析，要么通过JS日期库解析，比如date-fns，dayjs或者moment;
安装通过Yarn或npm和只是按照文件;）

赞(0）回复(0）举报 2022-12-14

我来回答

如何在vue 3中更改日期格式？

2条答案

相关问题

热门标签

最新问答