JS中Date.setHours方法异常，添加2小时却多增6天问题排查

看起来你遇到的问题根源很明确：countdownHours变量是字符串类型而非数字类型，导致了意外的字符串拼接，最终让setHours()收到了远大于预期的数值。

具体原因拆解 #

你的代码里这一行是关键：

timerExpireDate.setHours(timerExpireDate.getHours() + countdownHours);

如果countdownHours是字符串"2"（比如从表单输入、接口返回等地方拿到的原始值），JavaScript会把getHours()返回的数字16和字符串"2"做字符串拼接，得到结果"162"。而setHours()方法会自动把这个字符串转为数字162——162小时等于6天18小时，这就完美解释了为什么日期从7月19号跳到25号，同时小时从16点变成18点（正好是16+2的结果）。

而你的console.log显示add on 2 hours是因为模板字符串会直接输出字符串内容，不会暴露类型问题。

修复方案 #

你只需要确保countdownHours是数字类型再进行计算，这里有两种简单的方式：

1. 显式转换类型
   用parseInt()或Number()把字符串转成数字：

   let timerExpireDate = new Date(countdownStartDate);
   console.log(`original date is ${timerExpireDate}`);
   console.log(`add on ${countdownHours} hours`);
   // 转换为数字（推荐带基数的parseInt，避免进制问题）
   const hoursToAdd = parseInt(countdownHours, 10);
   // 或者用Number转换：const hoursToAdd = Number(countdownHours);
   timerExpireDate.setHours(timerExpireDate.getHours() + hoursToAdd);
   console.log(`New date is ${timerExpireDate}`);
   

2. 提前类型校验
   为了避免后续再出现类似问题，可以加个类型检查：

   if (typeof countdownHours !== 'number') {
     console.error('countdownHours must be a number, got', typeof countdownHours);
     // 或者直接抛出错误终止执行
     // throw new Error('countdownHours must be a number');
   }
   

验证方法 #

你可以在代码里加一行日志确认countdownHours的类型：

console.log('countdownHours type:', typeof countdownHours);

如果输出是string，那就坐实了这个问题。

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