在前端 JavaScript 中,有以下方法可以格式化日期:使用 toLocaleDateString(),格式化日期部分,如:"2023-03-08"。使用 toLocaleTimeString(),格式化时间部分,如:"10:34:25"。使用 toLocaleString(),同时格式化日期和时间,如:"2023-03-08 10:34:25"。使用 Intl.DateTimeFormat API,提供更灵活的格式化选项,如:"Mar 8, 2023, 10:34:25 AM"。自定义格式

如何在前端 JavaScript 中格式化日期
如何格式化日期?
在前端 JavaScript 中格式化日期可以使用以下方法:
使用 toLocaleDateString()
立即学习“前端免费学习笔记(深入)”;
const date = new Date(); const formattedDate = date.toLocaleDateString(); // 输出:2023-03-08
使用 toLocaleTimeString()
const date = new Date(); const formattedTime = date.toLocaleTimeString(); // 输出:10:34:25
使用 toLocaleString()
const date = new Date(); const formattedString = date.toLocaleString(); // 输出:2023-03-08 10:34:25
使用 Intl.DateTimeFormat API
const date = new Date();
const formatter = new Intl.DateTimeFormat('en-US', {
year: 'numeric',
month: 'short',
day: 'numeric',
hour: 'numeric',
minute: 'numeric',
second: 'numeric'
});
const formattedDate = formatter.format(date);
// 输出:Mar 8, 2023, 10:34:25 AM自定义格式
const date = new Date();
const formattedDate = date.toLocaleString('en-US', {
year: '2-digit',
month: 'short',
day: '2-digit',
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false
});
// 输出:03/08/23 10:34:25注意:
-
toLocaleDateString()和toLocaleTimeString()会根据浏览器和系统的设置使用本地化格式。 -
toLocaleString()将日期和时间都格式化。 -
Intl.DateTimeFormatAPI 提供了更灵活的格式化选项。 -
自定义格式时,请使用符号和字母来指定各个部分,例如:
- year: 'numeric' => 2023
- day: '2-digit' => 08
- hour12: false => 使用 24 小时制










