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);   // 设置为目标日

猜你喜欢

转载自ethan-lu.iteye.com/blog/2334524