React：将 mongoDB 日期转换为人类可读的日期

Question

存储在 MongoDB 中的文档具有“createdAt”属性，其中包含时间戳。 这里我们有一个时间戳的例子：

createdAt: 2021-10-26T12:24:33.433+00:00

考虑到这个日期是今天，我该如何重现以下行为？：

• 将此日期显示为“今天下午 12:24”
• 明天，将此日期显示为“昨天下午 12:24”
• 从后天及以后，将其显示为“26/10/2021 at 12:24 PM”

我尝试使用 JavaScript 的 Date 实例来比较两个字符串，但在尝试正确转换字符串时遇到了一些麻烦。 我想知道是否有任何图书馆可以简化这个过程或一些传统的方法来做到这一点。

Answer 1

既然你提到使用 React，我假设你有一个 Node 在那里运行。 也许是一个create-react-app后端？ 我还将假设 ESM。

您可以使用 date-fns 实现类似的功能； 请参阅https://date-fns.org/v2.25.0/docs/formatDistance 上的文档

$ npm i date-fns首先，安装依赖，然后如下测试：

import formatDistance from 'date-fns/formatDistance'

function TestComponent() {
   const dateStr = "2021-10-26T12:24:33.433+00:00";
   const str = formatDistance(
       new Date(dateStr),
       new Date()
   );
   return <h1>{str}</h1>
}