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>
}