javascript中神奇的 Date对象(图文教程)

日常生活中,各种形式的时间字符到处都是。时间观念的产生,时间单位、计时工具的发明,给人类带来的变化实在一言难尽。今天就来谈谈日期那些事儿。一起来看看 javascript 中的日期对象 date

Date 对象算是较常用的对象之一,但很多人完全不会操作,就算一些简单的操作也用 moment 而不自己尝试一下。

本次分享下 Date 中的 date 使用技巧,希望能给大家启发。

MDN官网介绍

setDate() 方法根据本地时间来指定一个日期对象的天数。

立即学习“Java免费学习笔记(深入)”;

如果 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 循环处理结果一样。

这里只列举了部分例子,也许会有其他神奇的操作技巧等你去发现。

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

JS callback回调函数使用案例详解

JS DOM元素常见增删改查操作详解

JS刷新页面方法总结

以上就是javascript中神奇的 Date对象(图文教程)的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2761038.html

(0)
上一篇 2025年3月8日 09:28:00
下一篇 2025年3月8日 01:12:54

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论