获取当前月(季度/年)的最后一天(set相关操作及应用)


Posted in Javascript onDecember 27, 2016

今天我就只说 setFullYear, setMonth, setDate,因为今天的应用只涉及到这三个。

这3个方法顾名思义分别设置年、月、日,之前我所了解到的应用,比如“倒计时”中设置目标时间点的时候会用到,其他的暂时记不起来,回头再补。

今天来说说“获取当前月(季度/年)的最后一天”的用法

你可能想到了,每个月的天数是不应定的,有28、29(闰年2月)、30、31,总不能去算一下现在是几月份,然后去arr或者map(json)里边去找对应的日期吧,当然这也是个方法,能达到效果(还要考虑闰年)。

那么,不这么繁琐的话,怎么搞呢?

其实,Date本来就会自动处理每月的天数,包括闰年什么的特殊情况,所以,这个我们根本不用去关心。

这里用到一个用法,估计大家有可能也用过,date.setDate(0)。没错,你没看错,就是0。(喂,这不是month啊,不用加1,你确定不是要用setDate(1) ?)

0是不存在的一天,date.setDate(0)之后,这一天不存在,或者说设置的是1号的前一天。那么,1号的前一天,自然就是前一个月的最后一天

var date = new Date();
console.log('今天是 ', date.getMonth() + 1, date.getDate());
date.setDate(0);
console.log('上个月最后一天是 ', date.getMonth() + 1, date.getDate());

控制台跑一下上边代码,就会得到上个月最后一天了。

继续,我们要得到的是这个月最后一天,怎么破

先把月份设置到下个月,然后获取这个月最后一天:

date.setMonth(date.getMonth() + 1);
date.setDate(0);

date就是这个月最后一天对应的date对象。

到此,简单地获取当月最后一天已经完了,改变setMonth可以让你获取任何一个月的最后一天了。

~~~~~~~~~~~~~~~~~~~~~~~~~   分割线   ~~~~~~~~~~~~~~~~~~~~~~

下面,来讲获取这一年的最后一天的date。

同理,我们只要设置到明年就可以了,然后设置月份到0月(就是1月),然后设置到0日,这样就成了2017-01-00,也就是元旦的前一天,当然也就是2016-12-31这天了。

date.setFullYear(date.getFullYear() + 1); // 设置到明年
date.setMonth(0); // 明年的0月,也就是对应到1月,是存在的哦,不是不存在的0
date.setDate(0); // 明年的0日

~~~~~~~~~~~~~~~~~~~~~~~~~  又来分割线   ~~~~~~~~~~~~~~~~~~~~~

然后,又到了获取当前季度的最后一天。

Date中是没有季度的概念的(如果有,请及时告诉我,让我多个知识点),所以,首先我们要判断当前月在哪个季度

var m = date.getMonth();
var quarter = Math.floor(m / 3) + 1; // 从1开始,到4
var qLastMonth = quarter * 3;

其中,quarter 是第几季度,qLastMonth 是这个季度的最后一个月是几月 // 从1开始到12,当年可以减去1,从0到11。

既然拿到了这个季度的最后一个月是几月,那再用上边的获取任一月份的最后天的方法来处理就好了

date.setMonth(qLastMonth);
date.setDate(0);

这时候,date就是当前季度的最后一天的date对象了。当然,做一下扩展就可以拿到任意季度的最后一天,只要在第一步设置(喂喂,干嘛呢,绕远了)

要拿到任意季度的最后一天,比如第2季度,只需要。。。 

date.setMonth(6); // 4 || 5 || 6 都行
date.setDate(0);

最后,来一个项目中遇到的实际应用里子

是酱紫的:

  1. 获取本季度的最后一天; 当今天是当前季度最后一天切大于15日的时候(比如6月20日),返回下个季度的最后一天。
  2. 获取本年最后一天;当今天是大于12月15日的时候,返回明年的最后一天。

开始的实现代码如下:

/**
 * 获取 当前月/当前年/当前季度 的最后一天的date对象
 * @param {String} type 类型选择: month/m, year/y, quarter/q
 * @return {object} 最后一天的date对象,目前只可用到天
 */
var SERVER_TIME = Date.now() / 1000; // 服务器时间,这里用本地时间代替
function getMaxDate(type) {
 var date = new Date(SERVER_TIME * 1000);
 var m = date.getMonth();
 var y = date.getFullYear();
 var d = date.getDay();
 var today = date.getDate();
 console.log(['SERVERTIME: ',y,'-',m+1,'-',today,' 星期',d].join(''));
 switch (type) {
 case 'm':
 case 'month':
  date.setMonth(m + 1);
  date.setDate(0);
  break;
 case 'y':
 case 'year':
  if (m == 11 && today >= 15) {
  date.setFullYear(y + 2);
  } else {
  date.setFullYear(y + 1);
  }
  date.setMonth(0);
  date.setDate(0);
  break;
 case 'q':
 case 'quarter':
  var qLastMonth = (Math.floor(m / 3) + 1) * 3;
  date.setMonth(qLastMonth);
  date.setDate(0);
  if (m === date.getMonth() && today >= 15) {
  date.setMonth(qLastMonth + 3);
  date.setDate(0);
  }
  break;
 default:
  date = null;
 }
 return date;
}

然后,这段代码有个大坑,平时还不一定能遇到,这不到年底了么,它就出来了(还好不是千年虫之类的千年一遇)

季度选择的时候,36行或导致后边的38行的代码块出问题。

比如第2季度,是没有问题的。36行设置date的日到30号,即6月30日;假如满足38行代码逻辑的话,39-40行设置月份到9月30日,没毛病,完美~

但是,假如现在是第1季度,36行设置日期到3月31日;假如满足38行代码逻辑的话,39-40行设置月份到6月31日,阿西吧,6月没有31日,那么这时候得到的date,就会是~~~~没错,7月1日,自挖坑啊。

所以,改代码

function getMaxDate(type) {
 var date = new Date(SERVER_TIME * 1000);
 var m = date.getMonth();
 var y = date.getFullYear();
 var d = date.getDay();
 var today = date.getDate();
 console.log(['SERVERTIME: ', y, '-', m + 1, '-', today, ' 星期', d].join(''));
 switch (type) {
 case 'm':
 case 'month':
  date.setMonth(m + 1);
  date.setDate(0);
  break;
 case 'y':
 case 'year':
  if (m == 11 && today >= 15) {
  date.setFullYear(y + 2);
  } else {
  date.setFullYear(y + 1);
  }
  date.setMonth(0);
  date.setDate(0);
  break;
 case 'q':
 case 'quarter':
  var qLastMonth = (Math.floor(m / 3) + 1) * 3;
  if (m === date.getMonth() && today >= 15) {
  date.setMonth(qLastMonth + 3);
  } else {
  date.setMonth(qLastMonth);
  }
  date.setDate(0); // 得到当前季度最后一天的date
  break;
 default:
  date = null;
 }
 return date;
}

这里得到一个注意项,月份的相关判断,一定要在日的设置之前做好,不要再日期设置后在操作月份;或者你把日期设置到1-28之间任意数字,也就是保证不会跑到下一个月去。

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
JavaScript性能优化 创建文档碎片(document.createDocumentFragment)
Jul 13 Javascript
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
Feb 27 Javascript
JavaScript单元测试ABC
Apr 12 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
Nov 22 Javascript
jQuery中bind,live,delegate与one方法的用法及区别解析
Dec 30 Javascript
javascript每日必学之基础入门
Feb 16 Javascript
Javascript基础教程之比较null和undefined值
May 16 Javascript
jQuery内容过滤选择器用法示例
Sep 09 Javascript
常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全(推荐)
Dec 20 Javascript
jQuery图片瀑布流的简单实现代码
Mar 15 Javascript
vue中多路由表头吸顶实现的几种布局方式
Apr 12 Javascript
浅谈Vue.set实际上是什么
Oct 17 Javascript
javascript实现文字无缝滚动
Dec 27 #Javascript
JavaScript仿聊天室聊天记录
Dec 27 #Javascript
基于jQuery实现顶部导航栏功能
Dec 27 #Javascript
js正则表达式最长匹配(贪婪匹配)和最短匹配(懒惰匹配)用法分析
Dec 27 #Javascript
基于jQuery实现左侧菜单栏可折叠功能
Dec 27 #Javascript
JS正则表达式修饰符global(/g)用法分析
Dec 27 #Javascript
js点击任意区域弹出层消失实现代码
Dec 27 #Javascript
You might like
如何将一个表单同时提交到两个地方处理
2006/10/09 PHP
Windows下XDebug 手工配置与使用说明
2010/07/11 PHP
PHP中使用foreach和引用导致程序BUG的问题介绍
2012/09/05 PHP
Zend的MVC机制使用分析(一)
2013/05/02 PHP
解析PHP自带的进位制之间的转换函数
2013/06/08 PHP
老生常谈PHP面向对象之命令模式(必看篇)
2017/05/24 PHP
phpStorm+XDebug+chrome 配置详解
2019/04/01 PHP
Yii2.0框架模型多表关联查询示例
2019/07/18 PHP
可以支持多中格式的JS键盘
2007/05/02 Javascript
利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)
2013/11/22 Javascript
总结JavaScript设计模式编程中的享元模式使用
2016/05/21 Javascript
Jquery删除css属性的简单方法
2016/12/04 Javascript
jquery封装插件时匿名函数形参和实参的写法解释
2017/02/14 Javascript
js轮播图透明度切换(带上下页和底部圆点切换)
2017/04/27 Javascript
React 项目迁移 Webpack Babel7的实现
2018/09/12 Javascript
微信小程序单选radio及多选checkbox按钮用法示例
2019/04/30 Javascript
javascript实现点击星星小游戏
2019/12/24 Javascript
jQuery 移除事件的方法
2020/06/20 jQuery
[01:32:22]DOTA2-DPC中国联赛 正赛 Ehome vs VG BO3 第一场 2月5日
2021/03/11 DOTA
Python NumPy库安装使用笔记
2015/05/18 Python
Windows中安装使用Virtualenv来创建独立Python环境
2016/05/31 Python
利用PyInstaller将python程序.py转为.exe的方法详解
2017/05/03 Python
基于Python3.7.1无法导入Numpy的解决方式
2020/03/09 Python
详解Python流程控制语句
2020/10/28 Python
python中time、datetime模块的使用
2020/12/14 Python
CSS3制作hover下划线动画
2017/03/27 HTML / CSS
职工运动会邀请函
2014/01/19 职场文书
电气自动化求职信
2014/06/24 职场文书
医学专业毕业生推荐信
2014/07/12 职场文书
放飞梦想演讲稿600字
2014/08/26 职场文书
群众路线剖析材料
2014/09/30 职场文书
关于迟到的检讨书
2015/05/06 职场文书
学校教学工作总结2015
2015/05/19 职场文书
大学宣传委员竞选稿
2015/11/19 职场文书
Python控制台输出俄罗斯方块移动和旋转功能
2021/04/18 Python
MySQL中EXPLAIN语句及用法
2022/05/20 MySQL