如何在vue 3更改日期格式?



我遇到的问题是这样的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

要更改vejs v3中的日期格式,可以使用date-fns.

npm install date-fns

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

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

如果你想要工作代码,我把它放在我的codepen上:https://codepen.io/maymeow/pen/xxzmgKJ

希望有帮助。

在将其应用于自定义组件Calendar之前,您必须格式化collectionItems.StartOn

它来自你的后端吗?

在发送到前端之前先在后台解析它,或者通过JS日期库解析它,如date-fns,dayjs

;通过yarn或npm安装,只需遵循文档;)

相关内容

  • 没有找到相关文章

最新更新