将日期字符串转换为UTC Date 对象的实用指南

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>

npm install moment

import moment from 'moment';

const dateString = '2023-06-16 09-25-41';
// 注意：原始字符串中的时间分隔符是 '-'，所以格式应为 'HH-mm-ss'
const format = 'YYYY-MM-DD HH-mm-ss'; 

// 使用 moment.utc() 直接解析为 UTC 时间
const momentUtcObject = moment.utc(dateString, format);

// 将 moment 对象转换为原生的 JavaScript Date 对象
const utcDate = momentUtcObject.toDate();

console.log("原始字符串:", dateString);
// 打印 moment 对象，通常会显示 ISO 8601 格式，并以 Z 结尾表示 UTC
console.log("Moment UTC 对象:", momentUtcObject.format()); 
// 打印原生 Date 对象，其内部毫秒数已是 UTC 值，显示时会带 GMT+0000
console.log("原生 Date 对象 (UTC):", utcDate); 
// 验证 UTC 小时是否正确
console.log("UTC 小时:", utcDate.getUTCHours()); 

const dateString = '2023-06-16 09-25-41';

// 1. 将日期字符串转换为 Date 构造函数能可靠解析的格式
// 例如，将 'YYYY-MM-DD HH-mm-ss' 转换为 'YYYY/MM/DD HH:mm:ss' 或 ISO 格式
const parseableDateString = dateString.replace(/-/g, '/').replace(' ', ' '); 

// 2. 创建一个 Date 对象。它会根据本地时区解析字符串，并将其视为本地时间。
// 例如，在 GMT+03:00 时区，'09:25:41' 会被解析为本地时间的 09:25:41。
let localDate = new Date(parseableDateString);

// 3. 获取本地时区与UTC的偏移量（分钟）。
// 例如，对于 GMT+03:00，getTimezoneOffset() 返回 -180 (因为 UTC 比本地时间早 3 小时)。
const timezoneOffsetMinutes = localDate.getTimezoneOffset();

// 4. 将偏移量转换为毫秒。
const offsetMilliseconds = timezoneOffsetMinutes * 60 * 1000;

// 5. 调整时间戳以使其代表 UTC 时间。
// localDate.getTime() 返回的毫秒数是基于 UTC 的，但它代表的是 localDate 在本地时区显示的时间。
// 为了让这个毫秒数代表字符串中的时间（例如 09:25:41）在 UTC 下的值，
// 我们需要抵消本地时区的影响。
// 如果 localDate 代表本地 09:25:41，且时区是 GMT+03:00，那么其 getTime() 实际上是 UTC 06:25:41 的毫秒数。
// 我们希望它变成 UTC 09:25:41，所以需要加上 3 小时（即 -offsetMilliseconds）。
const utcMilliseconds = localDate.getTime() - offsetMilliseconds;

// 6. 使用新的UTC毫秒数创建新的 Date 对象。
const utcDateManuallyAdjusted = new Date(utcMilliseconds);

console.log("原始字符串:", dateString);
console.log("本地 Date 对象 (解析自字符串):", localDate); 
console.log("时区偏移 (分钟):", timezoneOffsetMinutes); 
console.log("手动调整后的 UTC Date 对象:", utcDateManuallyAdjusted); 
console.log("手动调整后的 UTC 小时:", utcDateManuallyAdjusted.getUTCHours());