解析JS在获取当前月的最后一天遇到的坑

为了更好的讲这节的内容，提示一个 JS 处理日期的小技巧，想获取上个月最后一天，只需要设置SetDate参数为0即可。

var endDate = new Date();
//上个月最后一天
endDate.setDate(0);

接着正文开始：

使用 JS 获取当前月的最后一天，咱们通常的思路先获取下个月的第一天，然后在减去一天，就是当前月的最后一天，所以自然会用到下面的代码：

var date= new Date();
date.setMonth(date.getMonth() + 1);
//日期设置为0号, 0表示1号的前一天
let lastDay = date.setDate(0);
console.log('最后一天：' + new Date(lastDay).toLocaleString())

我写此文的日期是2019.08.21，所以打印结果如下：

最后一天：2019/8/31 下午4:10:43

那这样的算法有没有bug,咱们并不确定，所以为了还原现场，现在咱们从2019.01.31一个一个来试试

var date= new Date(2019, 0, 31); //0 表示1月
date.setMonth(date.getMonth() + 1);
// 日期设置为0号, 0表示1号的前一天
let lastDay = date.setDate(0);
console.log('最后一天：' + new Date(lastDay).toLocaleString())

打印：

最后一天：2019/2/28 上午12:00:00

咱们可以看到，我们把 1月31号往后拨一个月在往前减一天，理应得到的是 1月31号，实际得到的是 2月28号，所以咱们写的代码是有bug的。

这又是怎么肥事？

咱们可以列出月份：

1月 1 ....... 28 29 30 31
2月 1 ....... 28
3月 1 ....... 28 29 30 31

咱们通过 month + 1，在 JS 中会理解成:

当前日期 + 当月的天数

所以上例中的 date.setMonth(date.getMonth() + 1) 等价于 1月31号 + 31天 ，根据上面的列表，就可以看到结果是3月3号

所以不要认为 month + 1 就是月份加 1，它的意思是当前日期加上当月天数 。

那要怎么保证多了不会多跳一个月呢？

只要保证 month + 1 之前不会超过28号就行啦，那要怎么做到呢？

推算：

  • 31号 + 31 会超
  • 30号 + 31 会超
  • 29号 + 31 会超
  • 28号 + 31 还是 28 号 刚好

所以秘诀在把31号回拨到28号就行啦，所以多加以下这句话就行了：

date.setDate(28)

完整代码：

var date= new Date(2019, 0, 31); //0 表示1月
date.setDate(28)
date.setMonth(date.getMonth() + 1);
// 日期设置为0号, 0表示1号的前一天
let lastDay = date.setDate(0);
console.log('最后一天：' + new Date(lastDay).toLocaleString())

运行结果：

最后一天：2019/1/31 上午12:00:00

代码部署后可能存在的BUG没法实时知道，事后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具Fundebug。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • js获取当前月的第一天和最后一天的小例子

    引入XDate.JS 这个小插件,不知道的百度谷歌吧 代码如下: 复制代码 代码如下: var firstDate = new Date(); firstDate.setDate(1); //第一天 var endDate = new Date(firstDate); endDate.setMonth(firstDate.getMonth()+1); endDate.setDate(0); alert("第一天:"+new XDate(firstDate).toString('yyyy

  • 解析JS在获取当前月的最后一天遇到的坑

    为了更好的讲这节的内容,提示一个 JS 处理日期的小技巧,想获取上个月最后一天,只需要设置SetDate参数为0即可. var endDate = new Date(); //上个月最后一天 endDate.setDate(0); 接着正文开始: 使用 JS 获取当前月的最后一天,咱们通常的思路先获取下个月的第一天,然后在减去一天,就是当前月的最后一天,所以自然会用到下面的代码: var date= new Date(); date.setMonth(date.getMonth() + 1);

  • 解析js如何获取css样式

    一.获取内联样式 <div id ="myDiv" style="width:100px;height:100px;background-color:red; border:1px solid black;"></div> <script> var myDiv = document.getElementById("myDiv"); alert(myDiv.style.width);//100px alert(m

  • 解析js如何获取当前url中的参数值并复制给input

    复制代码 代码如下: function getObject(objectId) {    if (document.getElementById && document.getElementById(objectId)) {        return document.getElementById(objectId);    } else if (document.all && document.all(objectId)) {        return documen

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

    今天我就只说 setFullYear, setMonth, setDate,因为今天的应用只涉及到这三个. 这3个方法顾名思义分别设置年.月.日,之前我所了解到的应用,比如"倒计时"中设置目标时间点的时候会用到,其他的暂时记不起来,回头再补. 今天来说说"获取当前月(季度/年)的最后一天"的用法 你可能想到了,每个月的天数是不应定的,有28.29(闰年2月).30.31,总不能去算一下现在是几月份,然后去arr或者map(json)里边去找对应的日期吧,当然这也是个

  • JS实现获取毫秒值及转换成年月日时分秒的方法

    JS实现获取毫秒值及转换成年月日时分秒的方法

    本文实例讲述了JS实现获取毫秒值及转换成年月日时分秒的方法.分享给大家供大家参考,具体如下: 时间日期对象 创建方式一 var date=new Date(); 创建方式二 兼容性最强 推荐使用 var date1=new Date("2017/08-26 15:15:15"); 创建方式三 var date2=new Date(2017,9,18,23,15,23); 返回结果是从1970/01/01到现在的毫秒值 var date = Date.now(); var date =

  • JS页面获取 session 值，作用域和闭包学习笔记

    JS页面获取 session 值，作用域和闭包学习笔记

    本文实例讲述了JS页面获取 session 值,作用域和闭包.分享给大家供大家参考,具体如下: Javascript获取session的值: var name= "${sessioScope.变量名}"; 注意这里面需要使用 "" 把 El 表达式给括起来,否则就取不到数据. JSP获取session的值: 可以直接${sessionScope.变量名},在标签里也是一样. JSP获取URL的值: var name = "<%=request.get

  • JS实现获取时间已经时间与时间戳转换

    目录 获取当前月的第一天 获前取n天日期 根据两个日期,判断相差天数 根据bai两个日期,判断相差月数 获取几个月前的输入日期 时间戳转换时间 时间戳转换时间-无时分秒 时间戳转换时间-无日期 获取当前日期 时间戳转换时间或获取日期工具类 获取当前月的第一天 function getCurrentMonthFirst=()=>{ var date=new Date(); date.setDate(1); return common.getdateNoTime(date); } 获前取n天日期 f

  • JS实现获取GIF总帧数的方法详解

    JS实现获取GIF总帧数的方法详解

    目录 前言 写在前面 思路分析 什么是Gif 组成结构 解析原理 数据块分析 Header Block Logical Screen Descriptor Global Color Table Graphics Control Extension Image Descriptor Image Data 实现代码 测试用例 插件地址 前言 有一个Gif图片,我们想要获取它的总帧数,超过一定帧数的图片告知用户不可上传,在服务端有很多现成的库可以使用,这种做法不是很友好,前端需要先将gif上传至服务端

  • Angular.js实现获取验证码倒计时60秒按钮的简单方法

    Angular.js实现获取验证码倒计时60秒按钮的简单方法

    前言 本文主要介绍了关于Angular.js实现获取验证码倒计时60秒按钮的相关内容,关于这个功能相信不用多介绍,大家都不陌生,所以下面话不多说了,来一起看看实现的方法吧. 一.controller中代码 angular.module('controllers') .controller('LoginCtrl', function ($scope, $location,$ionicLoading,$rootScope,$interval,$timeout) { $scope.timer = fa

  • jquery解析XML及获取XML节点名称的实现代码

    jquery获取XML节点名称的几种方法以: • get(0).tagName $(this).get(0).tagName • [0].tagName[0] $(this)[0].tagName • context.nodeName $(this).context.nodeName function getXMLData(){ $.ajax({ url:'data.xml', type: 'GET', dataType: 'xml', timeout: 1000, error: functio

随机推荐