获取当前月(季度/年)的最后一天(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
用js实现控件的隐藏及style.visibility的使用
Jun 14 Javascript
javascript+html5实现绘制圆环的方法
Jul 28 Javascript
纯javascript判断查询日期是否为有效日期
Aug 24 Javascript
详解js私有作用域中创建特权方法
Jan 25 Javascript
JS+canvas绘制的动态机械表动画效果
Sep 12 Javascript
JS实现的哈夫曼编码示例【原始版与修改版】
Apr 22 Javascript
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
May 28 Javascript
vue组件定义,全局、局部组件,配合模板及动态组件功能示例
Mar 19 Javascript
jquery css实现流程进度条
Mar 26 jQuery
JavaScript ES 模块的使用
Nov 12 Javascript
Vue基本指令实例图文讲解
Feb 25 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中使用Imagick实现图像直方图的实现代码
2011/08/30 PHP
PHP基于phpqrcode类生成二维码的方法示例详解
2020/08/07 PHP
javascript iframe中打开文件,并检测iframe存在否
2008/12/28 Javascript
jMessageBox 基于jQuery的窗口插件
2009/12/09 Javascript
浏览器脚本兼容 文本框中,回车键触发事件的兼容
2010/06/21 Javascript
jQuery UI Datepicker length为空或不是对象错误的解决方法
2010/12/19 Javascript
jquery配合css简单实现返回顶部效果
2013/09/30 Javascript
javascript(js)的小数点乘法除法问题详解
2014/03/07 Javascript
两个多选select(multiple左右)添加、删除选项和取值实例
2014/05/12 Javascript
javascript实现带节日和农历的日历特效
2015/02/01 Javascript
浅谈js的html元素的父节点,子节点
2016/08/06 Javascript
JS中with的替代方法与String中的正则方法详解
2016/12/23 Javascript
JS查找字符串中出现最多的字符及个数统计
2017/02/04 Javascript
Bootstrap轮播图学习使用
2017/02/10 Javascript
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
2017/12/28 Javascript
一次微信小程序内地图的使用实战记录
2019/09/09 Javascript
15分钟上手vue3.0(小结)
2020/05/20 Javascript
前端vue+elementUI如何实现记住密码功能
2020/09/20 Javascript
[55:11]完美世界DOTA2联赛PWL S2 SZ vs LBZS 第一场 11.26
2020/11/30 DOTA
python通过get,post方式发送http请求和接收http响应的方法
2015/05/26 Python
基于python指定包的安装路径方法
2018/10/27 Python
Python3.5 Pandas模块缺失值处理和层次索引实例详解
2019/04/23 Python
python替换字符串中的子串图文步骤
2019/06/19 Python
Python Selenium安装及环境配置的实现
2020/03/17 Python
python如何调用java类
2020/07/05 Python
使用css3实现超炫的loading加载动画效果
2014/05/07 HTML / CSS
一款纯css3制作的2015年元旦雪人动画特效教程
2014/12/29 HTML / CSS
HTML5混合开发二维码扫描以及调用本地摄像头
2017/12/27 HTML / CSS
全球最大最受欢迎的旅游社区:Tripadvisor
2017/11/03 全球购物
Skechers越南官方网站:来自美国的运动休闲品牌
2021/02/22 全球购物
本科生的职业生涯规划范文
2014/01/09 职场文书
清洁工岗位职责
2014/01/29 职场文书
酒店行政人事部经理职务说明书
2014/02/26 职场文书
女性励志书籍推荐
2019/08/19 职场文书
python ConfigParser库的使用及遇到的坑
2022/02/12 Python