在 React 中将 ISO 日期时间格式转换为可读格式

Question

我正在从本地主机中的 API 获取数据。 我得到的日期和时间格式如下

"2021-12-08T13:52:16.043"

我只想删除时间部分并仅显示日期。 就像是：

2021-12-08 or 2021/12/08 does not matter.

这是我在 React 中的代码

{allComments.map(c=> (
                        <div>
                            <p>{c.time.toLocalDateString()}</p>
                        </div>
                    )
                    )}

这是行不通的。 错误说toLocalDateString()不是 function。 这是我经过一番研究后发现的。 有人可以帮我写 function 以及如何使用它吗？

Answer 1

您需要将日期字符串解析为实际的Date object ，然后调用toLocaleDateString 。

 const c = { time: '2021-12-08T13:52:16.043' }; console.log(new Date(c.time).toLocaleDateString()); // 12/8/2021

或者：

 const c = { time: '2021-12-08T13:52:16.043' }; console.log(new Date(c.time).toLocaleString('en-US', { year: 'numeric', month: 'numeric', day: 'numeric' })); // 12/8/2021