当我们在开发前端应用程序时，经常需要对日期进行格式化以便用户更容易地理解。幸运的是，JavaScript 中有许多内置函数和库可以帮助我们轻松地完成这项任务。
Date 对象
JavaScript 中的 Date 对象是管理日期和时间的标准机制。它提供了多种方法来创建、读取和修改日期对象。
以下是一些基本的 Date 对象方法：
getDate()：返回指定日期对象的日期（1 到 31）。getMonth()：返回指定日期对象的月份（0 到 11）。getFullYear()：返回指定日期对象的年份（4 位数）。getHours()：返回指定日期对象的小时（0 到 23）。getMinutes()：返回指定日期对象的分钟（0 到 59）。getSeconds()：返回指定日期对象的秒数（0 到 59）。
有关 Date 对象更详细的信息，请参阅 MDN 的文档。
格式化日期
要格式化日期，我们可以使用 Date 对象中的 toLocaleDateString() 和 toLocaleTimeString() 方法。这些方法接受一个或多个参数来定义输出格式。
以下是 toLocaleDateString() 方法的语法：
dateObj.toLocaleDateString([locales[, options]])
其中，locales 参数是一个字符串或字符串数组，指定要使用的语言环境。options 参数是一个对象，用于指定格式化选项。
以下是 toLocaleDateString() 方法的示例：
const date = new Date('2023-04-07T00:00:00.000Z')
const options = { year: 'numeric', month: 'long', day: 'numeric' }
console.log(date.toLocaleDateString('zh-CN', options))
// 输出：2023年4月7日在上面的示例中，我们创建了一个 Date 对象，并使用 toLocaleDateString() 方法将其格式化为中国大陆的日期格式。我们传递了一个包含 year、month 和 day 选项的对象，以指定输出的年份、月份和天数。
使用 Moment.js
Moment.js 是一个流行的 JavaScript 库，提供了许多方便的函数来操作日期和时间。它支持各种格式的日期解析和格式化，并提供了许多其他功能，如时区转换和相对时间计算等。
要使用 Moment.js，我们需要先将其添加到我们的项目中。可以通过 NPM 或直接从官网下载 Moment.js。
以下是使用 Moment.js 格式化日期的示例：
const moment = require('moment')
const date = moment('2023-04-07T00:00:00.000Z')
console.log(date.format('YYYY年M月D日'))
// 输出：2023年4月7日在上面的示例中，我们首先导入了 Moment.js，然后创建了一个 moment 对象来表示特定的日期。最后，我们使用 format() 方法将其格式化为指定的字符串。
结论
在本文中，我们介绍了如何在 JavaScript 中格式化日期。我们首先讨论了 Date 对象和其方法，然后演示了如何使用 toLocaleDateString() 方法进行格式化。最后，我们介绍了 Moment.js 库并提供了一个示例。
不管你是使用原生 JavaScript 还是第三方库，格式化日期都是开发前端应用程序中常见的任务。掌握这些技术可以帮助你更有效地管理日期和时间，并提高用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/7278