JS实现UTC小时转本地时间及格式解析技术问询

问题分析 #

你原来的代码存在两个核心问题：

• 仅传递时间字符串（如'07:08'）时，不同JS环境对Date构造函数的解析行为不一致，部分环境会返回无效日期，必须补充日期部分才能稳定运行；
• 直接使用new Date(dataDate)会根据环境默认规则解析时间（可能是UTC也可能是本地时间），无法确保得到的是本地时间。

针对需求的实现 #

根据你需要的[小时, 0, 0, 0]格式，分两种场景给出实现：

场景1：输入时间本身就是本地时间

如果用户设置的时段是本地时间，直接拆分时间字符串提取小时即可，无需依赖Date对象：

const dataTime = '07:08';
// 拆分时间字符串，提取小时部分
const [hourStr] = dataTime.split(':');
// 生成目标格式数组
const localTimeArray = [parseInt(hourStr, 10), 0, 0, 0].map(x => parseInt(x, 10));
console.log(localTimeArray); // 输出 [7, 0, 0, 0]

场景2：输入时间是UTC时间，需要转换为本地时间

如果输入的是UTC时间，需要先构造UTC日期对象，再提取本地时间的小时：

const utcTime = '07:08';
// 构造UTC日期对象（用固定日期避免跨夏令时问题）
const utcDate = new Date(`1970-01-01T${utcTime}Z`);
// 获取本地时间的小时数
const localHour = utcDate.getHours();
// 生成目标格式数组
const localTimeArray = [localHour, 0, 0, 0].map(x => parseInt(x, 10));
console.log(localTimeArray); // 示例：若UTC07:08对应本地15:08，输出 [15, 0, 0, 0]

关键说明 #

• 用固定日期（如1970-01-01）构造Date对象可以避免当前日期跨夏令时导致的时间转换误差；
• 直接拆分字符串的方式更高效，适合处理明确为本地时间的输入，无需依赖Date的解析逻辑。

内容的提问来源于stack exchange，提问作者like who