JavaScript Date 格式化：一站式指南279

在 JavaScript 中处理日期时间数据时，将它们格式化为可读且可理解的格式至关重要。JavaScript 提供了灵活的方法来实现此目的，本文将深入探究 JavaScript 中的日期格式化技术，帮助您掌握日期处理技能。

方法 1：toDateString() 和 toTimeString()

这两个方法提供了两种基本格式：toDateString() 返回日期的文本表示形式（例如，"Sun Mar 05 2023"），而 toTimeString() 返回时间的文本表示形式（例如，"09:48:00 GMT+0800 (CST) "）。
const date = new Date();
(()); // Sun Mar 05 2023
(()); // 09:50:28 GMT+0800 (CST)

方法 2：toLocaleDateString() 和 toLocaleTimeString()

与前两个方法类似，toLocaleDateString() 和 toLocaleTimeString() 根据给定的语言环境格式化日期和时间。它们考虑了区域性首选项，例如日期和时间的本地化表示。
const date = new Date();
(()); // 2023-3-5
(()); // 上午 09:53:04

方法 3：()

() 提供了更加强大的格式化选项，因为它允许您自定义格式化规则。您可以指定诸如日期分隔符、语言环境和时区等选项。
const options = {
year: 'numeric',
month: 'long',
day: 'numeric'
};
const formatter = new ('en-US', options);
((new Date())); // March 5, 2023

方法 4：库

是一个流行的 JavaScript 库，专门用于日期和时间处理。它提供了一个丰富的 API，用于格式化、操纵和比较日期。
const moment = require('moment');
const date = moment(new Date());
(('MMMM Do YYYY')); // March 5th 2023

自定义格式化字符串

除了上述方法之外，JavaScript 还允许您使用自定义格式化字符串来格式化日期。字符串中的占位符指定要包含的日期和时间组件。

占位符
描述

d
月份中的日期（01-31）

dd
月份中的日期（01-31，前置 0）

M
月份（01-12）

MM
月份（01-12，前置 0）

MMM
月份的缩写（Jan-Dec）

MMMM
月份的全名（January-December）

y
年份（00-99）

yy
年份（00-99，前置 0）

YYYY
年份（1000-9999，前置 0）

h
12 小时制中的小时（01-12）

hh
12 小时制中的小时（01-12，前置 0）

H
24 小时制中的小时（00-23）

HH
24 小时制中的小时（00-23，前置 0）

m
分钟（00-59）

mm
分钟（00-59，前置 0）

s
秒（00-59）

ss
秒（00-59，前置 0）

a
上午/下午指示符（am/pm）

A
上午/下午指示符（AM/PM）

const date = new Date();
(('en-US', {
year: 'numeric',
month: 'short',
day: 'numeric'
})); // 3/5/2023

时区转换

在处理日期和时间时，考虑时区转换至关重要。JavaScript 提供了 getTimezoneOffset() 方法来获取相对于 UTC 的当前偏移量。
const offset = new Date().getTimezoneOffset();
(offset); // -480，对应于 UTC+08:00

掌握 JavaScript 中的日期格式化技术至关重要，它使您能够轻松生成可读、易懂的日期和时间表示形式。从基本方法到高级自定义，本文提供了全面的指南，帮助您应对任何日期处理挑战。通过充分利用这些技术，您将能够将日期数据高效有效地呈现给您的用户。

2025-01-27

上一篇：深入浅出：JavaScript 初始化数组的完整指南

下一篇：javascript 属性获取属性值