剖析date函数setMonth()方法的取值规律，规避项目中的雷坑

2023-09-06 13:31:43

date函数和setMonth()方法简介

1.1 date函数

在JavaScript中，date函数是一个用于创建和操作日期对象的构造函数。它可以接收多种参数，包括字符串、数字、时间戳等，从而生成对应的日期对象。例如：

// 创建一个表示当前日期和时间的日期对象
const now = new Date();

// 创建一个表示2023年3月8日的日期对象
const date1 = new Date(2023, 2, 8);

// 创建一个表示1970年1月1日00:00:00 UTC时间的日期对象
const date2 = new Date(0);

1.2 setMonth()方法

setMonth()方法是date对象的一个内置方法，用于设置日期对象的月份。它接收一个整数参数，表示要设置的月份。月份的取值范围是0到11，其中0代表1月，11代表12月。例如：

// 将date1对象的月份设置为4（即5月）
date1.setMonth(4);

// 将date2对象的月份设置为11（即12月）
date2.setMonth(11);

需要注意的是，setMonth()方法并不会改变日期对象的日期和年份。因此，在使用该方法时，需要考虑日期对象的其他属性，以避免出现意外结果。

2. 项目中的雷坑：月份计算不当

2.1 问题

在我们的项目中，有一个功能是允许用户点击月份按钮来切换月份，并查询对应月份的订单。我们使用date函数创建了一个日期对象，并通过调用setMonth()方法来设置月份。然而，当用户点击12月31日时，近6个月的月份显示却变成了如下所示：

1月
2月
3月
4月
5月
12月

2.2 问题分析

经过排查，我们发现问题出在月份的计算上。我们在设置月份时，直接取了当前时间，然后调用addMonths方法获得近6个月的月份。而addMonths方法通过计算months，调用setMonth()方法来设置月份。这就导致了月份的计算不当。

2.3 解决方法

为了解决这个问题，我们需要正确计算月份。我们首先将当前时间转换为一个日期对象，然后调用setMonth()方法将月份设置为11（即12月）。接下来，我们调用addMonths方法，将月份增加6个月，即可获得近6个月的月份。

// 创建一个表示当前日期和时间的日期对象
const now = new Date();

// 将月份设置为11（即12月）
now.setMonth(11);

// 将月份增加6个月
now.addMonths(6);

// 获取近6个月的月份
const months = [];
for (let i = 0; i < 6; i++) {
  months.push(now.getMonth());
  now.addMonths(-1);
}