如何在 JavaScript 中获取两个日期之间的所有日期？

我们介绍了三种在 JavaScript 中获取两个日期之间的所有日期的方法：使用循环、使用内置函数和使用第三方库。每种方法都有其优缺点，我们需要根据具体情况选择合适的方法来处理日期范围。

主页 > 博客 > 如何在 JavaScript 中获取两个日期之间的所有日期？

在日常的网页开发中，我们经常需要处理日期相关的任务，比如计算两个日期之间的天数、展示日期范围内的数据等。今天，我们就来讨论一个常见的问题：如何在 JavaScript 中获取两个日期之间的所有日期？在开始之前，我们先来了解一些基础知识。在 JavaScript 中，日期可以用 Date 对象表示，它具有各种方法和属性，可以方便地对日期进行操作和计算，下面来看看有哪些方法可以解决本文的问题。

方法 1：使用循环

我们先来看一种比较基础的解决方案：使用循环逐步遍历日期范围。这种方法比较直观，我们可以从起始日期开始，一直增加一天，直到达到结束日期，参考代码如下：

function getDatesBetween(startDate, endDate) {
  let dates = [];
  let currentDate = new Date(startDate);

  while (currentDate <= endDate) {
    dates.push(new Date(currentDate));
    currentDate.setDate(currentDate.getDate() + 1);
  }

  return dates;
}

const startDate = new Date('2024-01-01');
const endDate = new Date('2024-01-05');
console.log(getDatesBetween(startDate, endDate));

方法 2：使用内置函数

我们可以利用 JavaScript 内置的函数来优化日期范围获取的过程，通过 Array 的内置函数，我们可以更简洁地生成日期范围，示例代码如下：

function getDatesBetween(startDate, endDate) {
  const days = Math.floor((endDate - startDate) / (24 * 60 * 60 * 1000)) + 1;
  return Array.from({ length: days }, (_, index) => {
    const newDate = new Date(startDate);
    newDate.setDate(startDate.getDate() + index);
    return newDate;
  });
}

const startDate = new Date('2024-01-01');
const endDate = new Date('2024-01-05');
console.log(getDatesBetween(startDate, endDate));

方法 3：使用第三方库

除了以上两种方法，我们还可以考虑使用第三方日期处理库来简化操作。比如，可以使用像 Moment.js 这样的库来处理日期范围（记得在 HTML 中引入它），示例代码如下：

// 引入 Moment.js
// <script src="https://cdn.jsdelivr.net/npm/moment/moment.min.js"></script>

// 使用 Moment.js
const startDate = moment('2024-01-01');
const endDate = moment('2024-01-05');
const dates = [];

// 循环生成日期范围
while (startDate.isSameOrBefore(endDate)) {
  dates.push(startDate.clone());
  startDate.add(1, 'days');
}

// 格式化输出日期数组
console.log("日期范围：");
dates.forEach(date => {
  console.log(date.format('YYYY-MM-DD'));
});