【问题标题】:parse date-fns returns one day previous valueparse date-fns 返回前一天的值
【发布时间】:2021-11-08 14:09:36
【问题描述】:

我第一次尝试使用 date-fns 库解析日期(我删除了 moment.js,我将在我的项目中引入 date-fns)但是,当我使用解析函数时,我得到了前一天的结果.我读过这个主题

parse function in date-fns returns one day previous value

该问题是由时区引起的,但我无法解决我的问题,因为我收到的日期格式为“yyyyMMdd”。这是我的代码

var start ="20210119";
var stop ="20210130";

const dateFrom = parse(start, "yyyyMMdd", new Date());
console.log("date form",dateFrom);

我的控制台日志的输出是:2021-01-18T23:00:00.000Z

【问题讨论】:

  • 不清楚你想要什么。是否要将 yyyyMMdd 格式的时间戳解析为 UTC?默认情况下,如果未指定时区,时间戳将被解析为本地,这就是为什么您会看到初始时间戳和生成的时间戳之间存在差异 - 原始时间戳被解析为本地但记录为 UTC。

标签: javascript datetime date-fns


【解决方案1】:

您的dateFrom 日期实际上是正确的,假设您希望它是当地时间。

它在您的控制台输出中显示一个小时前的原因是因为它显示在UTC 时间(因此最后是 Zulu 的“Z”)。我假设您的当地时间比 1 月份的 UTC 时间早一小时。

我们可以使用Date.toLocaleString() 以UTC 或本地时间输出时间。

如果我们以本地时间输出,我们看到日期实际上是正确的(2021-01-19 00:00:00),如果我们以 UTC 输出(将 timeZone 设置为“UTC”),我们看到它是一个一小时前(如您的控制台输出)。

我们还可以使用Date.getFullYear()Date.getMonth()Date.getDate()输出本地日期。

var start ="20210119";
var stop ="20210130";

const dateFrom = dateFns.parse(start, "yyyyMMdd", new Date());

console.log("Date from (is Date object):", dateFrom instanceof Date);

console.log("\nDate from (console.log):",dateFrom);
console.log("Date from (UTC):", dateFrom.toLocaleString([], { timeZone: 'UTC' }));

   
console.log("\nDate from (Local):", dateFrom.toLocaleString());
console.log("Date from (Local):", dateFrom.toDateString());
console.log("Date from (Local):", `${dateFrom.getFullYear()}-${dateFrom.getMonth()+1}-${dateFrom.getDate()}`);
<script src="https://cdnjs.cloudflare.com/ajax/libs/date-fns/1.28.5/date_fns.min.js"></script>

【讨论】:

  • 好的,谢谢你的回答,但我会得到一个日期而不是一个字符串?
  • 是的,当然。 dateFrom 始终是 Date 对象,我们只是将其转换为字符串以显示在控制台中。
猜你喜欢
  • 2021-10-18
  • 2020-01-09
  • 2021-06-22
  • 1970-01-01
  • 2022-01-17
  • 2022-11-15
  • 2014-01-25
  • 2019-09-03
  • 2021-03-28
相关资源
最近更新 更多