四时宝库

程序员的知识宝库

七爪源码:如何在 JavaScript 中从日期中减去 6 个月

关于如何在 JavaScript 中轻松地从日期中减去 6 个月的教程。

从日期中减去 6 个月:

  1. 在日期上调用 getMonth() 方法以获取月份。
  2. 从 getMonth() 的返回值中减去 6。
  3. 将减法的结果传递给 setMonth() 方法。

例如:

function subtract6Months(date) {
  date.setMonth(date.getMonth() - 6);
  return date;
}
// November 14, 2022
const date = new Date('2022-11-14T00:00:00.000Z');
const newDate = subtract6Months(date);
// May 14, 2022
console.log(newDate); // 2022-05-14T00:00:00.000Z

我们的subtract6Months() 函数接受一个Date 对象和要减去的月数作为参数。 它返回减去 6 个月的相同 Date 对象。

Date getMonth() 返回一个从零开始的数字,表示特定日期的月份。

Date setMonth() 方法将日期的月份设置为指定的从零开始的数字。

注意:这里的“从零”表示 0 是一月,1 是二月,2 是三月,以此类推。

如果减去的月份会减少日期的年份,setMonths() 将自动更新日期信息以反映这一点。

// January 10, 2022
const date = new Date('2022-01-10T00:00:00.000Z');
date.setMonth(date.getMonth() - 6);
// July 10, 2021
console.log(date); // 2021-07-10T00:00:00.000Z

在此示例中,我们从 2022 年 1 月的日期中减去 6 个月。这会使年份通过 setMonth() 自动回滚到 2021 年。


避免副作用

setMonth() 改变了它被调用的 Date 对象。 这给我们的subtract6Months() 函数引入了一个副作用。 为避免修改传递的 Date 并创建一个纯函数,请制作 Date 的副本并在此副本上调用 setMonth() 而不是原来的。

function subtract6Months(date) {
  //  Make copy with "Date" constructor
  const dateCopy = new Date(date);
  dateCopy.setMonth(dateCopy.getMonth() - 6);
  return dateCopy;
}
// August 13, 2022
const date = new Date('2022-08-13T00:00:00.000Z');
const newDate = subtract6Months(date);
// February 13, 2022
console.log(newDate); // 2022-02-13T00:00:00.000Z
//  Original not modified
console.log(date); // 2022-08-13T00:00:00.000Z

提示:不修改外部状态的函数(即纯函数)往往更容易预测和推理,因为它们总是为特定输入提供相同的输出。 这使得限制代码中副作用的数量成为一种很好的做法。


2. date-fnssubMonths()函数

或者,我们可以使用 date-fns NPM 包中的 subMonths() 函数快速从日期中减去 6 个月。 它就像我们的纯减月()函数一样工作。 subMonths() 将 Date 对象和要减去的月数作为参数。 它返回一个减去月份的新 Date 对象。

import { subMonths } from 'date-fns';
// July 26, 2022
const date = new Date('2022-07-26T00:00:00.000Z');
const newDate = subMonths(date, 6);
// January 26, 2022
console.log(newDate); // 2022-01-26T00:00:00.000Z
// Original not modified
console.log(date); // 2022-07-26T00:00:00.000Z

请注意,subMonths() 函数返回一个新的 Date 对象,而不修改传递给它的对象。

关注七爪网,获取更多APP/小程序/网站源码资源!

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言