javascript Date类使用随记

最近在用js做日历，用到了Date类的setDate，setMonth和setFullYear。例如当前日期是2016-10-31，而我需要创建2016-11-01这个日期，我习惯这样做：

var target = new Date();   // 当前日期2016-10-31
target.setFullYear(2016);
target.setMonth(10);   // 11月
target.setDate(1);

 最终target的日期却显示2016-12-01。

debug后发现，问题存在于当前日期和setMonth这步。当前日期有31日，但是当setMonth后，target的月份变为11月，而11月最多只有30日，setMonth就相当于11月30日+1天=12月1日。

原本使用的解决方法就是从小到大设置，先setDate，然后setMonth，最后setYear。因为考虑到闰年2月天数变化。

var target = new Date();   // 当前日期2016-10-31
target.setDate(1);
target.setMonth(10);   // 11月
target.setFullYear(2016);

 但是这种方法也存在问题，如果当前日期是2016-11-11，要创建2016-12-31，按照上面这种方法，在setDate时target就会变为2016-12-01，最终target也只会是2016-12-01。

var target = new Date();   // 当前日期2016-11-11
target.setDate(31);
target.setMonth(11);   // 12月
target.setFullYear(2016);

最终解决方法是也是从小到大，不过setDate首先设置为1，然后setMonth和setFullYear，最后再设置目标日

var target = new Date();   // 当前日期2016-11-11
target.setDate(1);   // 设置为每月首日
target.setMonth(11);   // 12月
target.setFullYear(2016);
target.setDate(31);   // 设置为目标日

评论

1 楼 Cobain_LI 2016-11-09  

如果没有其它特殊需求，建议可以这样做，直接给new Date传入时间参数，比如2016年11月１日，new Date(2016,10,1);这样写的话一般很少出问题