调用timeDifference函数计算时间差返回NaN问题求助

问题根源 #

你的timeDifference函数要求传入Date对象，但你直接传入了字符串格式的时间（比如'2022-12-13 10:00:48'），字符串没有getTime()方法，导致计算过程中出现NaN。

修复方案 #

1. 把字符串时间转为合法Date对象 #

数据库返回的时间字符串需要先转换成Date实例，部分浏览器对YYYY-MM-DD HH:MM:SS格式支持不佳，建议先将-替换为/以提升兼容性：

const startTimeStr = '2022-12-13 10:00:48';
const endTimeStr = '2022-12-13 10:01:02';
// 转换格式并创建Date对象
const startTime = new Date(startTimeStr.replace(/-/g, '/'));
const endTime = new Date(endTimeStr.replace(/-/g, '/'));

2. 优化时间差函数（补零+参数校验） #

原函数返回的格式可能出现单数字（比如秒为2时显示0:1:2），需要给小于10的数值补零；同时新增参数校验，避免无效日期导致的静默错误：

function timeDifference(laterDate, earlierDate) {
  // 校验日期有效性
  if (!(laterDate instanceof Date) || isNaN(laterDate.getTime())) {
    throw new Error('laterDate必须是有效的Date对象');
  }
  if (!(earlierDate instanceof Date) || isNaN(earlierDate.getTime())) {
    throw new Error('earlierDate必须是有效的Date对象');
  }

  let difference = laterDate.getTime() - earlierDate.getTime();
  // 计算各时间单位
  const daysDifference = Math.floor(difference / (1000 * 60 * 60 * 24));
  difference -= daysDifference * 1000 * 60 * 60 * 24;
  
  const hoursDifference = Math.floor(difference / (1000 * 60 * 60));
  difference -= hoursDifference * 1000 * 60 * 60;
  
  const minutesDifference = Math.floor(difference / (1000 * 60));
  difference -= minutesDifference * 1000 * 60;
  
  const secondsDifference = Math.floor(difference / 1000);

  // 补零工具函数
  const padZero = num => num.toString().padStart(2, '0');
  // 返回标准HH:MM:SS格式
  return `${padZero(hoursDifference)}:${padZero(minutesDifference)}:${padZero(secondsDifference)}`;
}

3. 调用函数获取结果 #

const result = timeDifference(endTime, startTime);
console.log(result); // 输出: 00:00:14

额外提示 #

• 现代浏览器和Node.js已支持YYYY-MM-DD HH:MM:SS格式的Date解析，若你的运行环境符合要求，也可以跳过-转/的步骤，但替换操作能兼容更多旧环境。
• 参数校验能帮你快速定位无效日期输入，避免排查问题时走弯路。

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