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

Question

I am fetching data from an API in localhost. The date & time I get are in the following format

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

I just want to remove the time part and show only the date. Something like:

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

this is my code in React

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

This is not working. The error says toLocalDateString() is not a function. Thats what I found after some research. Could someone please help me with the write function and how to use it?

Answer 1

You will need to parse your date string into an actual Date object and then call toLocaleDateString .

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

Alternatively:

 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