迹忆客 专注技术分享

出现“date.format is not a function”错误是因为格式方法未在 JavaScript 中实现。

要解决该错误，需要使用第三方包来格式化我们的日期，例如 moment 或 date-fns。

下面是产生上述错误的示例

const date = new Date();

// ⛔️ TypeError; date.format is not a function
const result = date.format('MM-DD-YYYY');

我们试图在 Date 对象上调用一个名为 format() 的方法并返回错误。

这是因为格式方法不是在 JavaScript 中本地实现的。

要解决该错误，您可以安装第三方软件包，例如：

• moment
• date-fns

本文展示了如何同时使用这两者，但是，我的建议是使用 date-fns，因为它更现代并且不像 moment.js 那样在捆绑包中那么繁重。

与文档状态一样，date-fns 就像日期的 lodash。

首先，通过在项目的根目录（package.json 文件所在的位置）中打开终端并运行以下命令来安装包。

# 👇️ 如果你必须创建一个 package.json 文件
$ npm init -y

# 👇️ 安装 NPM
$ npm install date-fns

# 👇️ 或者安装使用 YARN
$ yarn add date-fns

现在，我们可以按以下方式使用格式功能。

import {format} from 'date-fns';

const d1 = new Date('Sept 24, 22 13:20:18');

const result = format(d1, 'yyyy-MM-dd');
console.log(result); // 👉️ 2022-09-24

如果我们的项目还没有 package.json 文件，请使用 npm init -y 命令创建一个。

format 函数将日期作为第一个参数，一个表示日期应如何格式化为第二个参数的字符串，并返回格式化后的日期。

有关更多示例，请查看 date-fns 文档的格式部分。

使用 moment.js 格式化日期

我们可以使用同样非常流行的 moment 包来获得相同的结果。

要安装软件包，请运行以下命令。

# 👇️ 安装使用 NPM
$ npm install moment

# 👇️ 安装使用 YARN
$ yarn add moment

现在，我们可以按以下方式格式化日期。

import moment from 'moment';

const d1 = new Date();
console.log(d1); // 👉️ 2022-12-31T10:07:42.805Z

const result = moment(d1).format('MM-DD-YYYY');
console.log(result); // 👉️ 12-31-2022

下面是更多关于如何使用格式化方法的示例。

但是，特别是对于前端项目，请注意 moment 库大约有 300Kb。 压缩后，它仍然会向您的包中添加大约 72.3 Kb，这会减慢您的网站速度。

在我看来，在格式化日期时，应该始终首选更轻便、更现代的 date-fns 包。

总结

出现“date.format is not a function”错误是因为格式方法未在 JavaScript 中实现。

要解决该错误，请使用第三方包来格式化您的日期，例如 moment 或 date-fns 。