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

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&nbsp;className="text-muted&nbsp;px-1">{moment(question.created_at).fromNow()}</small>