JavaScript日期格式转换指南

JavaScript 时间格式化

简介

在 JavaScript 中，我们经常需要对时间进行格式化操作，例如将时间转换成指定的字符串格式，或者将字符串格式的时间转换成 Date 对象。本文将介绍如何使用 JavaScript 对时间进行格式化操作，包括日期格式化、时间格式化和日期时间格式化。

日期格式化

JavaScript 中提供了 Date 对象来处理日期和时间。要将日期格式化成指定的字符串格式，我们可以使用 toLocaleDateString() 方法。该方法返回一个字符串，表示日期的本地化字符串表示。

let date = new Date();
let formattedDate = date.toLocaleDateString();
console.log(formattedDate); // 输出：'7/23/2022'

上述代码中，我们创建了一个 Date 对象 date，然后使用 toLocaleDateString() 方法将其格式化成本地化的日期字符串，并将结果赋值给 formattedDate 变量。在控制台中输出 formattedDate，将会得到当前日期的本地化字符串表示。

如果我们想自定义日期的格式，可以使用 toLocaleDateString() 方法的参数。该参数接受一个数组，用于指定日期的格式。数组的元素可以是 'year'、'month' 和 'day' 等。下表列出了一些常用的日期格式：

格式	描述
'year'	年份，如：2022
'2-digit'	两位数的年份，如：22
'month'	月份，如：7
'2-digit'	两位数的月份，如：07
'day'	天数，如：23
'2-digit'	两位数的天数，如：23

let date = new Date();
let options = { year: 'numeric', month: '2-digit', day: '2-digit' };
let formattedDate = date.toLocaleDateString('en-US', options);
console.log(formattedDate); // 输出：'07/23/2022'

上述代码中的 options 对象用于指定日期的格式，其中 year、month 和 day 分别表示年份、月份和天数。我们给这些属性赋予了 'numeric' 和 '2-digit' 值，分别表示数字和两位数的格式。然后，我们将 options 对象作为参数传递给 toLocaleDateString() 方法，使得输出的日期字符串满足指定的格式。

时间格式化

在 JavaScript 中，要将时间格式化成指定的字符串格式，我们可以使用 toLocaleTimeString() 方法。该方法返回一个字符串，表示时间的本地化字符串表示。

let date = new Date();
let formattedTime = date.toLocaleTimeString();
console.log(formattedTime); // 输出：'10:30:45 PM'

上述代码中，我们创建了一个 Date 对象 date，然后使用 toLocaleTimeString() 方法将其格式化成本地化的时间字符串，并将结果赋值给 formattedTime 变量。在控制台中输出 formattedTime，将会得到当前时间的本地化字符串表示。

如果我们想自定义时间的格式，可以使用 toLocaleTimeString() 方法的参数。该参数接受一个数组，用于指定时间的格式。数组的元素可以是 'hour'、'minute'、'second' 和 'hour12' 等。下表列出了一些常用的时间格式：

格式	描述
'hour'	小时，如：10
'2-digit'	两位数的小时，如：10
'minute'	分钟，如：30
'2-digit'	两位数的分钟，如：30
'second'	秒数，如：45
'2-digit'	两位数的秒数，如：45
'hour12'	是否使用 12 小时制，如：true

let date = new Date();
let options = { hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false };
let formattedTime = date.toLocaleTimeString('en-US', options);
console.log(formattedTime); // 输出：'22:30:45'

上述代码中的 options 对象用于指定时间的格式，