获取当前月(季度/年)的最后一天(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 相关文章推荐
ExtJS Window 最小化的一种方法
Nov 18 Javascript
javascript 折半查找字符在数组中的位置(有序列表)
Dec 09 Javascript
jquery maxlength使用说明
Sep 09 Javascript
js改变文章字体大小的实例代码
Nov 27 Javascript
Bootstrap每天必学之js插件
Nov 30 Javascript
浅谈如何实现easyui的datebox格式化
Jun 12 Javascript
js中的面向对象入门
Mar 06 Javascript
基于vue2实现左滑删除功能
Nov 28 Javascript
JS/jQuery实现获取时间的方法及常用类完整示例
Mar 07 jQuery
了解在JavaScript中将值转换为字符串的5种方法
Jun 06 Javascript
在Vue项目中使用Typescript的实现
Dec 19 Javascript
如何使用 JavaScript 操作浏览器历史记录 API
Nov 24 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
linux下删除7天前日志的代码(php+shell)
2011/01/02 PHP
不支持fsockopen但支持culr环境下下ucenter与modoer通讯问题
2011/08/12 PHP
PHP翻页跳转功能实现方法
2020/11/30 PHP
WordPress中转义HTML与过滤链接的相关PHP函数使用解析
2015/12/22 PHP
php session_decode函数用法讲解
2019/05/26 PHP
js比较和逻辑运算符的介绍
2013/03/10 Javascript
用js设置下拉框为只读的小技巧
2014/04/10 Javascript
Jquery选择器中使用变量实现动态选择例子
2014/07/25 Javascript
require.js深入了解 require.js特性介绍
2014/09/04 Javascript
jquery分割字符串的方法
2015/06/24 Javascript
js实现点击向下展开的下拉菜单效果代码
2015/09/01 Javascript
Html5 js实现手风琴效果
2020/04/17 Javascript
详解angularjs中的隔离作用域理解以及绑定策略
2017/05/31 Javascript
基于 Vue 实现一个酷炫的 menu插件
2017/11/14 Javascript
vue.js element-ui validate中代码不执行问题解决方法
2017/12/18 Javascript
Nuxt升级2.0.0时出现的问题(小结)
2018/10/08 Javascript
js中自定义react数据验证组件实例详解
2018/10/19 Javascript
微信小程序实现随机验证码功能
2018/12/20 Javascript
vue-router重写push方法,解决相同路径跳转报错问题
2020/08/07 Javascript
[00:34]TI7不朽珍藏III——纯金地穴编织者饰品展示
2017/07/15 DOTA
python使用opencv进行人脸识别
2017/04/07 Python
pandas 对series和dataframe进行排序的实例
2018/06/09 Python
pytorch中交叉熵损失(nn.CrossEntropyLoss())的计算过程详解
2020/01/02 Python
pycharm配置安装autopep8自动规范代码的实现
2021/03/02 Python
使用placeholder属性设置input文本框的提示信息
2020/02/19 HTML / CSS
金牌葡萄酒俱乐部:Gold Medal Wine Club
2017/11/02 全球购物
设计师珠宝:Ylang 23
2018/05/11 全球购物
你对IPv6了解程度
2016/02/09 面试题
法学专业自我鉴定
2014/02/05 职场文书
开业典礼主持词
2014/03/21 职场文书
奥林匹克运动会口号
2014/06/19 职场文书
党的群众路线教育实践活动组织生活会发言材料
2014/10/17 职场文书
幼儿园校车安全责任书
2015/05/08 职场文书
《酸的和甜的》教学反思
2016/02/18 职场文书
3招让你摆脱即兴讲话冷场尴尬
2019/08/08 职场文书
vue实现简易音乐播放器
2022/08/14 Vue.js