javascript中神奇的 Date对象小结
更新时间：2017年10月12日 08:26:13 作者：楼教主
日常生活中，各种形式的时间字符到处都是。时间观念的产生，时间单位、计时工具的发明，给人类带来的变化实在一言难尽。今天就来谈谈日期那些事儿。一起来看看 JavaScript 中的日期对象 Date。
Date 对象算是较常用的对象之一，但很多人完全不会操作，就算一些简单的操作也用 moment 而不自己尝试一下。
本次分享下 Date 中的 date 使用技巧，希望能给大家启发。
MDN官网介绍
setDate() 方法根据本地时间来指定一个日期对象的天数。
如果 dayValue 超出了月份的合理范围，setDate 将会相应地更新 Date 对象。
例如，如果为 dayValue 指定0，那么日期就会被设置为上个月的最后一天。
获取月份天数
// 获取月份天数
function getMonthDayCount(year, month) {
return new Date(year, month, 0).getDate();
}
console.log(getMonthDayCount(2017, 10)); // 31
Date 第三个参数的本质跟 setDate 是一样的。
因为 date 为 0 时自动退到上个月的最后一天，所以这里月份也不需要减，正好的。
获取所有月份天数
function getAllMonthDayCount(year) {
var days = [31, new Date(year, 2, 0).getDate(), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
return days;
}
console.log(getAllMonthDayCount(2016));// [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]
这个算是上面的延伸，不多解释。
是否是闰年
function isLeapYear(year) {
return (year % 4 == 0) && (year % 100 != 0 || year % 400 == 0);
}
这是网上的代码，相信大多数人都用。
但其实你真的理解或者能记住么？
反正我不能。。
function isLeapYear(year) {
return new Date(year, 2, 0).getDate() === 29;
}
console.log([
isLeapYear(2000),
isLeapYear(2016),
isLeapYear(2017),
isLeapYear(2018)
]); // [ true, true, false, false ]
这样看，是不是就非常简单容易理解了。
而且都不需要记，是不是想忘都忘不了？
天数加减操作
之前看到有人用相对秒数在计算几天前或几天后，甚至还在算跨月，跨年的情况。
其实直接 setDate 就好了，自动处理 跨月，跨年 的情况。
// 10天后是几月几号
var dt = new Date('2016-12-25');
dt.setDate(dt.getDate() + 10);
console.log(dt.toLocaleDateString()); // 2017/1/4
// 10天前是几月几号
var dt = new Date('2017-01-04');
dt.setDate(dt.getDate() - 10);
console.log(dt.toLocaleDateString()); // 2016/12/25
小结
虽然这些东西很基础，说方法名，可能大家都知道，但很多人却依然不会去使用。
就跟用 jq 却依然 for 循环处理结果一样。
这里只列举了部分例子，也许会有其他神奇的操作技巧等你去发现。
相关文章
这篇文章主要给大家分享的是JavaScript数据类型判定，感兴趣的朋友可以参考下2015-07-07
在使用JavaScript对字符串进行处理的时候我们经常会用到replace方法，很简单的一个方法，以前一直不以为意，直到今天看JavaScript语言精粹的时候读到了一个有趣的小例子的时候，并不是十分理解，了解了一下replace的用法才明白，原来replace不像想象中的那么简单2013-04-04
javascript DOM querySelectorAll() 使用方法
querySelectorAll() 方法返回文档中匹配指定 CSS 选择器的所有元素，返回 NodeList 对象，一般用来获取指定id火class下的所有节点2023-06-06
JavaScript的Polymer框架中dom-repeat与VM的相关操作
这篇文章主要介绍了JavaScript的Polymer框架中dom-repeat与VM的相关操作,Polymer是由Ggoogle开发的Web UI相关框架,需要的朋友可以参考下2015-07-07
下面的方法是常用的向html页面中输入值，一般是将要输出的内容放到别的js文件中，调用。这里只是测试。2008-11-11
JavaScript中window、doucment、body的解释
JavaScript中window、doucment、body是什么意思呢，下面为大家做个介绍，不知道的朋友可以参考下2013-08-08
这篇文章主要介绍了JS之作用域和闭包的相关知识，文中讲解非常详细，代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下2020-06-06
浅谈javascript中onbeforeunload与onunload事件
javascript中onbeforeunload与onunload事件就是页面加载前与页面关闭时的两个功能的函数，可以防止页面刷新时给提示再刷新或页面关闭时给出提示，下面我来介绍onbeforeunload与onunload事件用法。2015-12-12
用javascript自动显示最后更新时间...2007-03-03
这篇文章主要介绍了深入理解JavaScript中的对象,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
最新评论