javascript中神奇的 Date对象小结


Posted in Javascript onOctober 12, 2017

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 相关文章推荐
执行iframe中的javascript方法
Oct 07 Javascript
extjs实现选择多表自定义查询功能 前台部分(ext源码)
Dec 20 Javascript
js实现仿Windows风格选项卡和按钮效果实例
May 13 Javascript
node.js从数据库获取数据
May 08 Javascript
JS实现登录页面记住密码和enter键登录方法推荐
May 10 Javascript
详解JSON1:使用TSQL查询数据和更新JSON数据
Nov 21 Javascript
js实现文本上下来回滚动
Feb 03 Javascript
PHP7新特性简述
Jun 11 Javascript
基于JavaScript实现每日签到打卡轨迹功能
Nov 29 Javascript
微信小程序使用npm包的方法步骤
Aug 13 Javascript
不依任何赖第三方,单纯用vue实现Tree 树形控件的案例
Sep 21 Javascript
vue+django实现下载文件的示例
Mar 24 Vue.js
详解使用路由延迟加载 Angular 模块
Oct 12 #Javascript
ionic3+Angular4实现接口请求及本地json文件读取示例
Oct 11 #Javascript
js实现单张图片平移切换效果
Oct 11 #Javascript
jQuery自动或手动图片切换效果
Oct 11 #jQuery
简单实现vue验证码60秒倒计时功能
Oct 11 #Javascript
mui框架移动开发初体验详解
Oct 11 #Javascript
Scala解析Json字符串的实例详解
Oct 11 #Javascript
You might like
php筛选不存在的图片资源
2015/04/28 PHP
PHP使用flock实现文件加锁的方法
2015/07/01 PHP
编写PHP脚本清除WordPress头部冗余代码的方法讲解
2016/03/01 PHP
关于ThinkPHP中的异常处理详解
2018/05/11 PHP
PHP操作路由器实现方法示例
2019/04/27 PHP
JavaScript中Math对象使用说明
2008/01/16 Javascript
js 替换
2008/02/19 Javascript
ajaxFileUpload.js插件支持多文件上传的方法
2014/09/02 Javascript
js实现从数组里随机获取元素
2015/01/12 Javascript
JS实现点击按钮控制Div变宽、增高及调整背景色的方法
2015/08/05 Javascript
学习JavaScript设计模式(接口)
2015/11/26 Javascript
jQuery中的Deferred和promise 的区别
2016/04/03 Javascript
Node.js+Express配置入门教程详解
2016/05/19 Javascript
AngularJS之自定义服务详解(factory、service、provider)
2017/04/14 Javascript
微信小程序 action-sheet 反馈上拉菜单简单实例
2017/05/11 Javascript
详解Angular5 路由传参的3种方法
2018/04/28 Javascript
js数组去重的N种方法(小结)
2018/06/07 Javascript
webpack项目使用eslint建立代码规范实现
2019/05/16 Javascript
微信小程序移动拖拽视图-movable-view实例详解
2019/08/17 Javascript
Python闭包实现计数器的方法
2015/05/05 Python
pandas筛选某列出现编码错误的解决方法
2018/11/07 Python
Python3.5内置模块之time与datetime模块用法实例分析
2019/04/27 Python
django实现类似触发器的功能
2019/11/15 Python
python连接打印机实现打印文档、图片、pdf文件等功能
2020/02/07 Python
20行Python代码实现一款永久免费PDF编辑工具的实现
2020/08/27 Python
No module named ‘win32gui‘ 的解决方法(踩坑之旅)
2021/02/18 Python
Html5无刷新修改browser Url的方法
2014/01/15 HTML / CSS
高中三年学习生活的自我评价
2013/10/10 职场文书
工商企业管理应届生求职信
2013/11/03 职场文书
失业者真诚求职信范文
2013/12/25 职场文书
小学教师培训感言
2014/02/11 职场文书
政府门卫岗位职责
2014/04/29 职场文书
小学六一儿童节活动总结
2015/05/05 职场文书
紧急迫降观后感
2015/06/15 职场文书
2016优秀员工先进事迹材料
2016/02/25 职场文书
Pytest中skip skipif跳过用例详解
2021/06/30 Python