JS对日期操作封装代码实例

下面是关于"JS对日期操作封装代码实例"的详细讲解攻略。

一、需求分析

在日常开发中，我们常常需要使用到日期操作的功能。而通过JS封装一些日期操作方法，可以更加便捷地完成日期相关的需求。

具体来说，我们需要在JS中封装以下日期操作方法：
1.格式化日期
2.获取最近n天的日期列表
3.获取当前日期

二、代码实现

1. 格式化日期

function formatDate(date) {
  const year = date.getFullYear();
  const month = date.getMonth() + 1;
  const day = date.getDate();
  const hour = date.getHours();
  const minute = date.getMinutes();
  const second = date.getSeconds();

  return `${year}-${addZero(month)}-${addZero(day)} ${addZero(hour)}:${addZero(minute)}:${addZero(second)}`;
}

function addZero(num) {
  return num < 10 ? '0' + num : num;
}

上述代码通过 date 参数获取时间各项数值，并通过 addZero() 方法来完成对于十位数的补零操作。最终将格式化后的时间按照指定格式返回。

2. 获取最近n天的日期列表

function getRecentDays(nDays) {
  const currentTime = new Date().getTime();
  const oneDayTime = 24 * 60 * 60 * 1000;

  const dateList = [];
  for (let i = nDays - 1; i >= 0; i--) {
    const timestamp = currentTime - i * oneDayTime;
    const date = new Date(timestamp);
    dateList.push(formatDate(date));
  }

  return dateList;
}

上述代码实现了获取最近n天日期的方法。首先通过 new Date().getTime() 获取当前时间的时间戳，然后从当前时间开始，依次减去上一天的毫秒数，得到过去n天的时间戳。再将时间戳转化为日期格式，并调用 formatDate() 方法来完成日期格式化。最终将n天的日期依次添加进数组并返回。

3. 获取当前日期

function getCurrentDate() {
  const date = new Date();
  return formatDate(date);
}

上述代码通过 new Date() 获取当前日期，并调用 formatDate() 方法来格式化日期。最终返回格式化后的当前日期。

三、示例说明

以下两个示例，演示了如何使用上述封装好的函数来完成日期操作。

示例一：打印某天的前7天日期列表

const date = new Date('2022-01-01');
const nDays = 7;
console.log(getRecentDaysFromDate(date, nDays));
// ["2021-12-25", "2021-12-26", "2021-12-27", "2021-12-28", "2021-12-29", "2021-12-30", "2021-12-31"]

上述示例首先定义日期 date 为 2022-01-01，并获取前7天日期列表，最终输出所得到的日期列表。

示例二：获取当前日期

console.log(getCurrentDate());
// "2022-01-01 17:12:35"

上述示例直接调用 getCurrentDate() 方法获取当前日期，并输出所得到的日期。