获取当前月(季度/年)的最后一天(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 相关文章推荐
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
Dec 03 Javascript
Js中的onblur和onfocus事件应用介绍
Aug 27 Javascript
禁止iframe页面的所有js脚本如alert及弹出窗口等
Sep 03 Javascript
使用jQuery实现返回顶部
Jan 26 Javascript
JavaScript自定义数组排序方法
Feb 12 Javascript
js+css实现超简洁的二级下拉菜单效果代码
Sep 07 Javascript
浅谈node.js中async异步编程
Oct 22 Javascript
Bootstrap面板(Panels)的简单实现代码
Mar 17 Javascript
JS实现自定义状态栏动画文字效果示例
Oct 12 Javascript
动态加载JavaScript文件的3种方式
May 05 Javascript
swiper Scrollbar滚动条组件详解
Sep 08 Javascript
Vue鼠标滚轮滚动切换路由效果的实现方法
Aug 04 Vue.js
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
php 禁止页面缓存输出
2009/01/07 PHP
解析htaccess伪静态的规则
2013/06/18 PHP
thinkphp路由规则使用示例详解和伪静态功能实现(apache重写)
2014/02/24 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十一)
2014/06/25 PHP
php实现分页显示
2015/11/03 PHP
tp5框架无刷新分页实现方法分析
2019/09/26 PHP
Javascript中暂停功能的实现代码
2007/03/04 Javascript
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
2012/03/21 Javascript
在页面加载完成后通过jquery给多个span赋值
2014/05/21 Javascript
node.js使用require()函数加载模块
2014/11/26 Javascript
jQuery解析XML与传统JavaScript方法的差别实例分析
2015/03/05 Javascript
js获取form的方法
2015/05/06 Javascript
jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween
2015/12/03 Javascript
Jquery AJAX POST与GET之间的区别详细介绍
2016/10/17 Javascript
jQuery动态添加与删除tr行实例代码
2016/10/18 Javascript
通过bootstrap全面学习less
2016/11/09 Javascript
jQuery实现 上升、下降、删除、添加一行代码
2017/03/06 Javascript
react native 文字轮播的实现示例
2018/07/27 Javascript
es6 filter() 数组过滤方法总结
2019/04/03 Javascript
ES5 模拟 ES6 的 Symbol 实现私有成员功能示例
2020/05/06 Javascript
Node.js 中如何收集和解析命令行参数
2021/01/08 Javascript
vue实现防抖的实例代码
2021/01/11 Vue.js
[01:48]2018DOTA2亚洲邀请赛主赛事第二日五佳镜头 VG完美团战逆转TNC
2018/04/05 DOTA
详解多线程Django程序耗尽数据库连接的问题
2018/10/08 Python
Django中文件上传和文件访问微项目的方法
2020/04/27 Python
CSS3按钮鼠标悬浮实现光圈效果源码
2016/09/11 HTML / CSS
利用HTML5+CSS3实现3D转换效果实例详解
2017/05/02 HTML / CSS
使用CSS3来代替JS实现交互
2017/08/10 HTML / CSS
俄罗斯玩具、儿童用品、儿童服装和鞋子网上商店:MyToys.ru
2019/10/14 全球购物
会计实习期自我鉴定
2013/10/06 职场文书
汽车驾驶求职信
2013/10/25 职场文书
2014年汽车销售工作总结
2014/12/01 职场文书
考研复习计划
2015/01/19 职场文书
2015年政风行风工作总结
2015/04/21 职场文书
JavaScript最完整的深浅拷贝实现方式详解
2022/02/28 Javascript
动画《新网球王子 U-17 WORLD CUP》希腊队PV公开
2022/04/02 日漫