如何从 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 时区