众所周知,JavaScript核心包含Data()构造函数,用来创建表示时间和日期的对象。
今天主要跟大家梳理一下,常用的时间、日期处理方法,方便大家使用和理解
格式化时间
老生常谈,大概会这么写
1 2 3 4 5 6 7 8 9 10 11 |
var format = function (time) { var y = time.getFullYear(); var M = time.getMonth() + 1; var d = time.getDate(); var h = time.getHours(); var m = time.getMinutes(); var s = time.getSeconds(); return y + '-' + M + '-' + d + ' ' + h + ':' + m + ':' + s; }
var time1 = format(new Date()); |
但是有什么问题呢?一般来说小于10的值,要在前面添加字符串‘0’的,我们大可以写个判断来解决他,但是太麻烦了~
其实可以这样
1 2 3 4 5 6 7 8 |
var format = function (time) { var date = new Date(+time + 8 * 3600 * 1000); return date.toJSON().substr(0, 19).replace('T', ' ').replace(/-/g, '.'); } var time1 = format(new Date());
|
获取当月最后一天
一个月可能有28/29/30/31天,使用写死数据的方式来解决闰年和大小月显然是不科学的。
1 2 3 4 5 6 7 8 |
function getLastDayOfMonth (time) { var month = time.getMonth(); time.setMonth(month+1); time.setDate(0); return time.getDate() } getLastDayOfMonth(new Date())
|
获取这个季度第一天
用来确定当前季度的开始时间,常用在报表中
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
function getFirstDayOfSeason (time) { var month = time.getMonth(); if(month <3 ){ time.setMonth(0); }else if(2 < month && month < 6){ time.setMonth(3); }else if(5 < month && month < 9){ time.setMonth(6); }else if(8 < month && month < 11){ date.setMonth(9); } time.setDate(1); return time; } getFirstDayOfSeason(new Date())
|
获取中文星期
这也是个比较常见的雪球,完全没必要写一长串switch啦,直接用charAt来解决。
1 |
let time ="日一二三四五六".charAt(new Date().getDay()); |
获取今天是当年的第几天
来看看今年自己已经浪费了多少时光~
1 2 3 4 |
var time1 = Math.ceil(( new Date() - new Date(new Date().getFullYear().toString()))/(24*60*60*1000));
|
获取今天是当年的第几周
日历、表单常用
1 2 3 |
var week = Math.ceil(((new Date() - new Date(new Date().getFullYear().toString()))/(24*60*60*1000))/7);
|
获取今天是当年还剩多少天
再来看看今年还有多少天可以浪费~
1 2 3 4 5 6 7 8 9 |
function restOfYear(time) { var nextyear = (time.getFullYear() + 1).toString(); var lastday = new Date(new Date(nextyear)-1); console.log(lastday) var diff = lastday - time; return Math.floor(diff / (1000 * 60 * 60 * 24)); } restOfYear(new Data())
|
计算两个时间的间隔
可以拓展为倒计时、有效期等用途
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
function diffTime(startDate,endDate,location) { var diff=new Date(endDate).getTime() - startDate;
var days=Math.floor(diff/(24*3600*1000));
var leave1=diff%(24*3600*1000); var hours=Math.floor(leave1/(3600*1000));
var leave2=leave1%(3600*1000); var minutes=Math.floor(leave2/(60*1000));
var leave3=leave2%(60*1000); var seconds=Math.round(leave3/1000); if(location === "Day") { return returnStr = "还有" + days + "天"; }else if(location === "Hours") { return returnStr = "还有" + (hours+days*24) + "小时"; }else if(location === "Minutes") { return returnStr = "还有" + (minutes+(hours+days*24)*60) + "分钟"; }else if(location === "Seconds") { return returnStr = "还有" + (seconds+(minutes+(hours+days*24)*60)*60) + "秒"; }else{ return returnStr = "还有" + days + "天" + hours + "小时" + minutes + "分钟" + seconds + "秒"; } } console.log(diffTime(new Date(), '2019-8-19 16:00:00','Minutes'))
|
计算指定时间间隔前后的日期
可用于时间追溯、活动预告等用途
1 2 3 4 5 6 |
function GetDate(time,count) { time.setDate(time.getDate() + count); var date = new Date(+time + 8 * 3600 * 1000); return date.toJSON().substr(0, 19).replace('T', ' ').replace(/-/g, '.'); } GetDate(new Date(),100) |
计算当周开始和结束时间
很常见的需求,可用来做签到等
1 2 3 4 5 6 7 8 9 10 11 12 13 |
function getwholetWeek(now){ var weekday = now.getDay(); weekday = weekday === 0 ? 7 : weekday; var firstDay = GetDate(now,-weekday); var lastDay = GetDate(now,7 - 1); return { firstDay: firstDay, lastDay: lastDay }; }
console.log(getwholetWeek(new Date()))
|