将 <td> 中的 Vuetify 格式日期更改为特定格式

Posted 2023-02-22

【中文标题】将 <td> 中的 Vuetify 格式日期更改为特定格式

【英文标题】：Change Vuetify format date in <td> to spesific format

【发布时间】：2020-04-08 12:51:35

【问题描述】：

我有json返回值，像这样：

“注册日期”：“2015-08-31T17:00:00.000Z”，

这是我已经尝试基于此（***）链接的代码：

How to format Vuetify data table date column?

<td class="text-left"> new Date(form.registration_date).toLocaleDateString() </td>

但它在屏幕上显示“无效日期”，

我想让日期格式如下：31/08/2015 17:00:00

有人可以帮我吗？

【参考方案1】：

你可以使用https://momentjs.com/

moment(form.registration_date).format('DD/MM/YYYY h:mm:ss')

使用 moment.js

npm install moment --save

安装后导入到想要集成的vue文件中。

像这样： 从“时刻”导入时刻

【讨论】：

谢谢您，我按照您的建议使用时刻，现在日期显示为格式，但为什么日期变得不同？从此：2015-08-31T17:00:00.000Z 变为 01/09/2015 12:00:00 你知道吗？