在 date-fns 中格式化 2021-12-26T00:00:00.000000Z |反应答案

【问题标题】：Formatting 2021-12-26T00:00:00.000000Z in date-fns | reactjs在 date-fns 中格式化 2021-12-26T00:00:00.000000Z |反应
【发布时间】：2022-01-06 05:24:26
【问题描述】：

如何将此日期格式化为一个简单的日期？我在我的反应项目中使用 date-fns

2021-12-26T00:00:00.000000Z

【问题讨论】：

你想要的格式是什么？
@DevsiOdedra 它返回 .. RangeError: Invalid time value

标签： javascript reactjs date-fns

【解决方案1】：

不使用任何第三方库

简单易读格式的简单方法：

const date = new Date('2021-12-26T00:00:00.000000Z');
console.log({date});
// date: Sun Dec 26 2021 03:30:00

更多信息请阅读this文章。

【讨论】：

请注意，答案不使用date-fns？
@evolutionxbox 你真的会批评使用 Vanilla.js 而不是不必要的第三方库的正确、简短和简单的解决方案吗？对我来说，这甚至是一个优势。
@jabaa 不批评。 OP 要求使用 date-fns 的解决方案，这就是我想要引起注意的全部。

【解决方案2】：

您可以如下使用。

import { format } from 'date-fns 
format(new Date('2021-12-26T00:00:00.000000Z'), 'yyyy-MM-dd')

输出将是：

“2021-12-26”

【讨论】：

它返回.. RangeError: Invalid time value
@Gurupalsingh 工作正常，经过测试npm.runkit.com/date-fns