如何在反应中将日期/时间转换为人类可读的形式？

Question

我正在 React 中尝试代码片段。我怎样才能像在 PHP laravel 框架中为我们提供的 diffForHumans() 函数那样在 react 中以人类可读的形式创建 created_at 属性？<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 这样的 provies 输出中，但我想要更易读的形式，比如“2 天前”或“一小时前”。提前致谢！

Answer 1

您可以通过momentjs.

https://momentjs.com/docs/#/displaying/fromnow/

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