如何在 React 中将日期/时间转换为易于阅读的形式？

Question

我正在尝试在React中编写代码片段。我该如何使创建的created_at属性以人类可读的形式显示，就像PHP Laravel框架提供的diffForHumans()函数一样？

<div className="media-body">
      <h3 className="mt-0"><a href="">{question.title}</a></h3>
      <p className="lead">
            Asked By
            <a href="{question.user.url}" className={"px-2"}> 
              {question.user.name}
            </a>
            <small className="text-muted px-1">{question.created_at}
           </small>

        </p>
        <p className="small">{question.body.substring(0, 250) + '...'}</p>
        <hr/>
</div>

你可以在这里查看完整的代码：https://codepen.io/osman-rafi/pen/ZEzdozJ 在<small className="text-muted px-1">{question.created_at}</small>中，提供了类似于2019-09-26 08:26:18的输出，但我想要更可读的形式，比如“2天前”或“一小时前”。

谢谢预先帮助!

- Osman Rafi

---

你可以使用 momentJs https://momentjs.com/ - Hardik Chaudhary

Answer 1

你可以使用 momentjs 来实现你的目标。 https://momentjs.com/docs/#/displaying/fromnow/ 上有相关文档。

<small className="text-muted px-1">{moment(question.created_at).fromNow()}</small>

- kyun