如何在reactjs中更改日期格式

mwkjh3gx 于 2023-04-29 发布在 React

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

我正在使用reactjs和我使用“nextjs”框架，我正在获取“博客数据”使用循环，但问题是“我想改变博客的日期格式”这里是我目前的代码

{user && user.length > 0 && user.map((userObj, index) => (
                      <NewsCard
                    key={index}
                    img={userObj.image}
                    title={userObj.title}
                    date={userObj.CreatedAt}   // getting date for example "2023-03-26 01:40:26"
        />
                ))}

我的预期日期格式是April 29,2023我该怎么做？

reactjs

来源：https://stackoverflow.com/questions/76134987/how-to-change-date-format-in-reactjs

2条答案

按热度按时间

2ledvvac1#

使用toLocaleDateString()方法转换日期

{user && user.length > 0 && user.map((userObj, index) => (
    <NewsCard
        key={index}
        img={userObj.image}
        title={userObj.title}
        date={new Date(userObj.CreatedAt).toLocaleDateString('en-US', {
            month: 'long',
            day: 'numeric',
            year: 'numeric',
        })}
    />
))}

赞(0）回复(0）举报 2023-04-29

elcex8rz2#

您可以使用Date.toLocaleString()并指定所需的格式：

const date=new Date().toLocaleString("en-US",{month:"long", day:"numeric", year:"numeric"});

console.log(date)

所以，我想，在你的React页面中，你应该放一些像这样的东西

date={userObj.Created.toLocaleString("en-US",{month:"long", day:"numeric", year:"numeric"})}

赞(0）回复(0）举报 2023-04-29

我来回答

如何在reactjs中更改日期格式

2条答案

相关问题

热门标签

最新问答