在前端开发中，我们经常需要将日期时间格式转换为特定的日期格式。其中，最常见的是将日期时间格式转换为 dd/mm/yyyy 格式的日期格式。本文将介绍如何使用 JavaScript 将日期时间格式的数据转换为格式为 dd/mm/yyyy 的日期格式。
使用 toLocaleDateString() 方法
JavaScript 中的 Date 对象有一个 toLocaleDateString() 方法，该方法可以将日期格式转换为当前地区的本地日期格式。默认情况下，toLocalDateString() 方法返回的日期格式为 mm/dd/yyyy，但是我们可以通过传递 options 参数来更改其输出格式。例如，我们可以使用以下代码将日期时间格式的数据转换为 dd/mm/yyyy 格式的日期格式：
const date = new Date('2023-04-07T10:30:00');
const options = { day: 'numeric', month: 'numeric', year: 'numeric' };
const formattedDate = date.toLocaleDateString('en-US', options).replace(/\//g, '-');
console.log(formattedDate); // 07-04-2023在上面的代码中，我们首先创建了一个 Date 对象，它的值为字符串 '2023-04-07T10:30:00' 表示的日期时间格式。然后，我们定义了一个 options 对象，该对象指定了要输出的日期格式。具体而言，我们设置了 day、month 和 year 属性，分别代表日期、月份和年份的数字形式。接下来，我们使用 toLocaleDateString() 方法将日期格式转换为指定的本地日期格式。最后，我们使用 replace() 方法替换日期中的斜杠 (/) 为短横线 (-)，以实现格式为 dd/mm/yyyy 的日期格式。
需要注意的是，toLocaleDateString() 方法的输出格式可能会因所在地区而异，因此上面的代码中我们指定了 'en-US' 作为第一个参数来确保输出格式正确。
使用第三方库
除了使用 toLocaleDateString() 方法之外，我们还可以使用一些第三方库来实现将日期时间格式转换为特定日期格式的功能。其中，最受欢迎的库之一是 Moment.js。Moment.js 是一个轻量级的 JavaScript 库，用于解析、验证、操作和格式化日期时间数据。
以下代码展示了如何使用 Moment.js 将日期时间格式的数据转换为格式为 dd/mm/yyyy 的日期格式：
const moment = require('moment');
const formattedDate = moment('2023-04-07T10:30:00').format('DD-MM-YYYY');
console.log(formattedDate); // 07-04-2023在上面的代码中，我们首先导入了 Moment.js 库，并使用 moment() 函数创建了一个 Moment 对象，该对象表示字符串 '2023-04-07T10:30:00' 表示的日期时间格式。然后，我们使用 format() 方法将日期时间格式转换为指定格式的日期格式。具体而言，我们设置了 'DD-MM-YYYY' 作为 format() 方法的参数，它分别表示日期、月份和年份的两位数形式。最后，我们将转换后的日期格式打印到控制台。
需要注意的是，使用 Moment.js 库需要先安装该库，并引入其 JavaScript 文件或使用其提供的模块化版本。
总结
在本文中，我们介绍了两种将日期时间格式转换为格式为 dd/mm/yyyy 的日期格式的方法：使用 toLocaleDateString() 方法和使用第三方库 Moment.js。前者简单易用，但可能受所在地区的影响；后者功能强大，但需要额外的库依赖。无论选择哪种方法，都可以实现将日期时间格式转换为特定日期格式的目的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/605452cc3ef24c2503784961