如何将ISO格式的日期时间转换提取为本地日期时间

核心思路 #

不要直接截取ISO字符串的固定位置内容，ISO末尾的Z标识该时间为UTC标准时间，直接通过JavaScript原生Date对象解析该字符串，JS会自动根据运行环境的时区完成偏移计算，得到对应本地时区的时间对象。

完整代码示例 #

// 你的原始ISO时间字符串
const time = "2021-10-28T17:30:00.000Z";
// 解析为Date对象，自动完成UTC到本地时区的转换
const localDateTime = new Date(time);

// 提取本地时区日期，格式为YYYY-MM-DD
const year = localDateTime.getFullYear();
const month = String(localDateTime.getMonth() + 1).padStart(2, '0'); // 月份从0开始计数，需+1
const day = String(localDateTime.getDate()).padStart(2, '0');
const dateExtract = `${year}-${month}-${day}`;

// 提取本地时区时间，格式为HH:MM
const hours = String(localDateTime.getHours()).padStart(2, '0');
const minutes = String(localDateTime.getMinutes()).padStart(2, '0');
const timeExtract = `${hours}:${minutes}`;

如果不需要严格的格式控制，也可以用内置的本地化方法快速获取：

// 获得本地格式的日期字符串，如"2021/10/29"（根据时区不同结果不同）
const dateExtract = localDateTime.toLocaleDateString();
// 获得本地格式的小时分钟字符串，如"01:30"（根据时区不同结果不同）
const timeExtract = localDateTime.toLocaleTimeString([], {hour: '2-digit', minute: '2-digit'});

注意事项 #

• 不要调用getUTCFullYear()、getUTCMonth()等带UTC前缀的方法，这类方法返回的仍是原始UTC时间的对应值，不会转换为本地时区。
• padStart用于补全前导0，保证月份、日期、小时、分钟不足两位时格式统一，若运行环境不支持该方法，可替换为三元判断实现补0逻辑。

内容的提问来源于stack exchange，提问作者pratteek shaurya