javascript中神奇的 Date对象小结
2018-10-12 14:06
627 查看
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学习小结(Date对象)
- 每天一篇javascript学习小结(Date对象)
- 【原】JavaScript中Date对象的getYear()和getFullYear()的区别
- javascript对象的相关操作小结
- JavaScript Date对象应用实例分享
- JavaScript创建对象的方式小结(4种方式)
- 每天一篇javascript学习小结(RegExp对象)
- JavaScript Date 对象参考手册
- javascript转换日期字符串为Date日期对象
- JavaScript - Date对象
- javascript中验证日期(Date)字符串转换为日期(Date)对象的不同情况结果
- JavaScript Date对象 日期获取函数
- JavaScript常用本地对象小结
- JavaScriptr -- 常用对象 String, date, prototype
- JavaScript 内置对象(二):Date 对象(构造函数、属性和方法)
- JavaScript中Date对象使用总结
- JavaScript对象(正则表达式,Date对象,function对象 arguments对象)
- Javascript String|Date|Array|Math|Boolean|Number对象方法详解
- 实现JavaScript中Date对象的format()函数
- JavaScript 字符串(String)对象与Date(日期)对象