React Native中使用Moment.js计算两个日期的精确时分秒时间差

你的代码目前仅获取了两个日期的毫秒差值，并未将其转换为hh:mm:ss格式的字符串（支持小时数超过24）。以下是可行的解决方案：

问题分析 #

moment.diff()默认返回毫秒数，需要进一步将其分解为总小时数、分钟数和秒数，同时要对不足两位的数值做补零处理。另外，new Date().toLocaleString()的解析结果受地区影响，格式不稳定，建议直接用moment()获取当前时间或明确指定格式解析目标日期。

完整代码实现 #

import moment from 'moment';

// 补零函数，确保数字为两位格式
const padZero = (num) => num.toString().padStart(2, '0');

// 计算并格式化时间差
const getFormattedTimeDiff = () => {
  // 获取当前时间
  const currentTime = moment();
  // 解析目标日期（按指定格式）
  const targetTime = moment("27/02/2023 07:16:55", "DD/MM/YYYY HH:mm:ss");
  
  // 计算总毫秒差值
  const diffMs = currentTime.diff(targetTime);
  
  // 转换为总小时数
  const totalHours = Math.floor(diffMs / 3600000);
  // 剩余毫秒数
  const remainingMs = diffMs % 3600000;
  // 计算分钟数
  const minutes = Math.floor(remainingMs / 60000);
  // 计算秒数
  const seconds = Math.floor((remainingMs % 60000) / 1000);
  
  // 拼接成hh:mm:ss格式
  return `${padZero(totalHours)}:${padZero(minutes)}:${padZero(seconds)}`;
};

// 调用示例
const timeDiffResult = getFormattedTimeDiff();
console.log(timeDiffResult); // 输出示例："72:56:59"

关键说明 #

• 可靠的日期解析：直接使用moment()获取当前时间，避免因地区差异导致的解析错误；目标日期需明确指定匹配格式，确保解析准确。
• 跨天小时计算：通过Math.floor(diffMs / 3600000)获取总小时数，而非取模24，支持显示超过24的小时数值。
• 格式统一：padZero函数保证分钟和秒数在小于10时显示为两位，符合hh:mm:ss的格式要求。

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