JavaScript计算时间间隔的最优方案（含/不含第三方库）

原生JavaScript实现（无依赖） #

无需引入第三方库，直接通过Date对象的毫秒级操作实现，逻辑清晰且性能高效。

核心函数实现 #

function calculateDateTimeIntervals(startTime, endTime, interval) {
  // 参数校验
  if (startTime > endTime) return [];
  if (interval <= 0) throw new Error('时间间隔必须为正数');

  const intervalMs = interval * 1000;
  const intervals = [];
  // 创建startTime的副本，避免修改原Date实例
  let currentTime = new Date(startTime.getTime());
  
  // 循环生成所有间隔时间点，包含endTime（若符合间隔）
  while (currentTime <= endTime) {
    // 存入新的Date实例，防止后续修改影响数组元素
    intervals.push(new Date(currentTime.getTime()));
    currentTime.setTime(currentTime.getTime() + intervalMs);
  }
  
  return intervals;
}

时间格式化（按需使用） #

如果需要将Date实例转为示例中的HH:mm格式，可添加辅助函数：

function formatTime(date) {
  const hours = String(date.getHours()).padStart(2, '0');
  const minutes = String(date.getMinutes()).padStart(2, '0');
  return `${hours}:${minutes}`;
}

使用示例 #

const startDateTime = new Date(2022, 1, 1);
startDateTime.setHours(9, 0, 0, 0);
const endDateTime = new Date(2022, 1, 1);
endDateTime.setHours(10, 30, 0, 0);

// 获取Date实例数组
const dateIntervals = calculateDateTimeIntervals(startDateTime, endDateTime, 1800);
// 转为格式化后的时间数组
const formattedIntervals = dateIntervals.map(formatTime);
console.log(formattedIntervals); // ['09:00', '09:30', '10:00', '10:30']

第三方库实现（以Day.js为例） #

如果项目已引入Day.js（轻量替代Moment.js的时间库），可以用更简洁的API实现，减少手动处理时间边界的代码。

函数实现 #

// 需先安装Day.js：npm install dayjs
const dayjs = require('dayjs');

function calculateDateTimeIntervalsWithDayjs(startTime, endTime, interval) {
  if (dayjs(startTime).isAfter(endTime)) return [];
  if (interval <= 0) throw new Error('时间间隔必须为正数');

  const intervals = [];
  let currentTime = dayjs(startTime);
  const end = dayjs(endTime);

  while (currentTime.isBefore(end) || currentTime.isSame(end)) {
    intervals.push(currentTime.toDate()); // 转为Date实例输出
    currentTime = currentTime.add(interval, 'second');
  }

  return intervals;
}

格式化输出 #

const formatted = calculateDateTimeIntervalsWithDayjs(startDateTime, endDateTime, 1800)
  .map(date => dayjs(date).format('HH:mm'));
console.log(formatted); // ['09:00', '09:30', '10:00', '10:30']

最优方式选择 #

• 优先原生实现：无额外依赖，代码体积小，逻辑简单，足以应对绝大多数场景。
• 第三方库补充：若项目已使用时间库，或需要处理复杂时区、日期计算，用库的API更高效且不易出错。

内容的提问来源于stack exchange，提问作者Fabio Ribeiro de Carvalho