如何從 date-fns 使用 intervalToDuration function

Question

我嘗試使用 date-fns 中的 intervalToDuration function 但我不斷收到錯誤消息，提示結束日期無效。

我的代碼如下

import { intervalToDuration} from "date-fns";

    remaining() {
          const now = new Date();
          const end = this.endDate;
          return intervalToDuration({
            start: now,
            end: end,
          });
        },

this.endDate 是動態填充的，但對於這個問題等於 2021-02-26T00:00:00.000Z

Answer 1

由於您的endDate變量來自 API，因此它被存儲為字符串，而不是日期。

調用intervalToDuration期望將間隔 object作為參數傳遞。 間隔由兩個日期或數字組成（unix 時間戳）

要更正此問題，您必須將 endDate 轉換為日期 object，以下是未經測試的示例；

const remaining = () => {
  const endDate = "2021-02-26T00:00:00.000Z";
  const now = new Date();
  const end = new Date(endDate);
  return intervalToDuration({
    start: now,
    end: end
  });
};

const dur = remaining();
console.log("DURRATON ", JSON.stringify(dur));
//
// Response == DURRATON  {"years":0,"months":1,"days":8,"hours":15,"minutes":42,"seconds":0}
//

注意：這不能正確處理時區。 new Date()將在客戶端時區創建一個日期時間，您從 API 的響應似乎在 GMT 時區