虽然现在处理日期方面已经有了很成熟的也很好用的库,例如(momentjs和date-fns),但是在实际开发中,我们有时候可能并不需要整个库。
所以我就在下面整理了在前端开发时对日期时间的各种操作,也算是比较全的了。其中一部分来自自己,还有一部分来源于我们万能的网友~
获取当前时间戳
var timestamp = Date.parse(new Date()); //精确到秒var timestamp = (new Date()).valueOf(); //精确到毫秒var timestamp = new Date().getTime(); //精确到毫秒var timestamp = +new Date();
获取指定时间戳
var timestamp = (new Date(" 2019/10/24 08:00:00")).getTime();var timestamp = (new Date(" 2019-10-24 08:00:00")).getTime();
获取当前时间的前一天/后一天的时间戳
var timestamp = +new Date() - 24*60*60*1000;var timestamp = +new Date() + 24*60*60*1000;
今日零点时间戳
var timestamp = new Date(new Date().toLocaleDateString()).getTime();
今日最晚时间 23:59:59的时间戳
let timestamp = new Date(new Date().toLocaleDateString()).getTime()+24*60*60*1000-1;
获取当前时间的n天后的时间戳
/** * @param {number} n 天数 * @returns {Number} 返回值为时间毫秒值 */function toNextTimes(n){ let timestamp = +new Date() + n * 86400000; return timestamp;}
本周第一天
/*** * @return {*} WeekFirstDay 返回本周第一天的时间 */function showWeekFirstDay(){ let Nowdate=new Date(); let WeekFirstDay=new Date(Nowdate-(Nowdate.getDay()-1)*86400000); return WeekFirstDay;}
本周最后一天
/*** * @return {*} WeekLastDay 返回本周最后一天的时间 */function showWeekLastDay(){ let Nowdate=new Date(); let WeekFirstDay=new Date(Nowdate-(Nowdate.getDay()-1)*86400000); let WeekLastDay=new Date((WeekFirstDay/1000+6*86400)*1000); return WeekLastDay;}
本月第一天
/*** * @return {*} MonthFirstDay 返回本月第一天的时间 */function showMonthFirstDay(){ let Nowdate=new Date(); let MonthFirstDay=new Date(Nowdate.getFullYear(),Nowdate.getMonth()); return MonthFirstDay;}
本月最后一天
/*** * @return {*} MonthLastDay 返回本月最后一天的时间 */function showMonthLastDay(){ let Nowdate=new Date(); let MonthNextFirstDay=new Date(Nowdate.getFullYear(),Nowdate.getMonth()+1); let MonthLastDay=new Date(MonthNextFirstDay-86400000); return MonthLastDay;}
日期转时间戳
/** * @param {String} time - 日期字符串,如'2018-8-8','2018,8,8','2018/8/8' * @returns {Number} 返回值为时间毫秒值 */function timeToTimestamp (time) { let date = new Date(time); let timestamp = date.getTime(); return timestamp;}
格式化当前时间
/*** * @return {string} timeText 返回系统时间字符串 */function getdataTimeSec() { let time = new Date(); let weekDay; let year = time.getFullYear(); let month = time.getMonth() + 1; let day = time.getDate(); //获取时分秒 let h = time.getHours(); let m = time.getMinutes(); let s = time.getSeconds(); //检查是否小于10 h = check(h); m = check(m); s = check(s); let now_day = time.getDay(); switch (now_day) { case 0: { weekDay = "星期日" } break; case 1: { weekDay = "星期一" } break; case 2: { weekDay = "星期二" } break; case 3: { weekDay = "星期三" } break; case 4: { weekDay = "星期四" } break; case 5: { weekDay = "星期五" } break; case 6: { weekDay = "星期六" } break; case 7: { weekDay = "星期日" } break; } let timeText = year + "年" + month + "月" + day + "日 " + " " weekDay + " " + h + ":" + m +":" + s; return timeText}
返回指定时间戳之间的时间间隔
/** * @param {*} startTime 开始时间的时间戳 * @param {*} endTime 结束时间的时间戳 * @return {string} str 返回时间字符串 */function getTimeInterval(startTime, endTime) { let runTime = parseInt((endTime - startTime) / 1000); let year = Math.floor(runTime / 86400 / 365); runTime = runTime % (86400 * 365); let month = Math.floor(runTime / 86400 / 30); runTime = runTime % (86400 * 30); let day = Math.floor(runTime / 86400); runTime = runTime % 86400; let hour = Math.floor(runTime / 3600); runTime = runTime % 3600; let minute = Math.floor(runTime / 60); runTime = runTime % 60; let second = runTime; let str = ''; if (year > 0) { str = year + '年'; } if (year <= 0 && month > 0) { str = month + '月'; } if (year <= 0 && month <= 0 && day > 0) { str = day + '天'; } if (year <= 0 && month <= 0 && day <= 0 && hour > 0) { str = hour + '小时'; } if (year <= 0 && month <= 0 && day <= 0 && hour <= 0 && minute > 0) { str = minute + '分钟'; } if (year <= 0 && month <= 0 && day <= 0 && hour <= 0 && minute <= 0 && second > 0) { str += second + '秒'; } str += '前'; return str;}
按类型格式化日期
/** * @param {*} date 具体日期变量 * @param {string} dateType 需要返回类型 * @return {string} dateText 返回为指定格式的日期字符串 */function getFormatDate(date, dateType) { let dateObj = new Date(date); let month = dateObj.getMonth() + 1; let strDate = dateObj.getDate(); let hours = dateObj.getHours(); let minutes = dateObj.getMinutes(); let seconds = dateObj.getSeconds(); if (month >= 1 && month <= 9) { month = "0" + month; } if (strDate >= 0 && strDate <= 9) { strDate = "0" + strDate; } if (hours >= 0 && hours <= 9) { hours = "0" + hours } if (minutes >= 0 && minutes <= 9) { minutes = "0" + minutes } if (seconds >= 0 && seconds <= 9) { seconds = "0" + seconds } let dateText = dateObj.getFullYear() + '年' + (dateObj.getMonth() + 1) + '月' + dateObj.getDate() + '日'; if (dateType == "yyyy-mm-dd") { dateText = dateObj.getFullYear() + '-' + (dateObj.getMonth() + 1) + '-' + dateObj.getDate(); } if (dateType == "yyyy.mm.dd") { dateText = dateObj.getFullYear() + '.' + (dateObj.getMonth() + 1) + '.' + dateObj.getDate(); } if (dateType == "yyyy-mm-dd MM:mm:ss") { dateText = dateObj.getFullYear() + '-' + month + '-' + strDate + ' ' + hours + ":" + minutes + ":" + seconds; } if (dateType == "mm-dd MM:mm:ss") { dateText = month + '-' + strDate + ' ' + hours + ":" + minutes + ":" + seconds; } if (dateType == "yyyy年mm月dd日 MM:mm:ss") { dateText = dateObj.getFullYear() + '年' + month + '月' + strDate + '日' + ' ' + hours + ":" + minutes + ":" + seconds; } return dateText; }
判断是否为闰年
/*** @param {number} year 要判断的年份* @return {boolean} 返回布尔值*/function leapYear(year) { return !(year % (year % 100 ? 4 : 400));}
返回两个年份之间的闰年
/*** @param {number} start 开始年份* @param {number} end 结束年份* @return {array} arr 返回符合闰年的数组*/function leapYears(start, end) { let arr = []; for (var i=start; i if ( leapYear(i) ) { arr.push(i) } } return arr}
判断时间格式是否有效
/*** 短时间,如 (10:24:06)* @param {string} str 需要验证的短时间* @return {boolean} 返回布尔值*/function isTime(str) { var a = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/); if (a == null) { return false; } if (a[1] >= 24 || a[3] >= 60 || a[4] >= 60) { return false } return true;}/*** 短日期,形如 (2019-10-24)* @param {string} str 需要验证的短时间* @return {boolean} 返回布尔值*/function strDateTime(str){ var result = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/); if (result == null) return false; var d = new Date(result[1], result[3] - 1, result[4]); return (d.getFullYear() == result[1] && d.getMonth() + 1 == result[3] && d.getDate() == result[4]);}/*** 长日期时间,形如 (2019-10-24 10:24:06)* @param {string} str 需要验证的短时间* @return {boolean} 返回布尔值*/function strDateTime(str){ var result = str.match(/^(\d{4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/); if (result == null) return false; var d = new Date(result[1], result[3] - 1, result[4], result[5], result[6], result[7]); return (d.getFullYear() == result[1] && (d.getMonth() + 1) == result[3] && d.getDate() == result[4] && d.getHours() == result[5] && d.getMinutes() == result[6] && d.getSeconds() == result[7]);}
验证日期大小
/*** 例:"2019-10-24" 和 "2019-10-25"* @param {string} d1需要验证的日期1* @param {string} d2需要验证的日期2* @return {boolean} 返回布尔值*/function compareDate(d1, d2) { return ((new Date(d1.replace(/-/g, "\/"))) < (new Date(d2.replace(/-/g, "\/"))));}
验证一个日期是不是今天
/*** @param {string} val 需要验证的日期* @return {boolean} 返回布尔值*/function isToday(val){ return new Date().toLocaleDateString() == new Date(val).toLocaleDateString();}
验证传入的日期是否是昨天
/*** @param {string} val 需要验证的日期* @return {boolean} 返回布尔值*/function isYesterday(val) { var today = new Date(); var yesterday = new Date(now - 1000 * 60 * 60 * 24); var test = new Date(val); if (yesterday.getYear() === test.getYear() && yesterday.getMonth() === test.getMonth() && yesterday.getDate() === test.getDate()) { return true; } else { return false; }}
设置几天后的日期
/*** @param {string} date 起始日期* @param {number} day 向后的天数* @return {string} 返回想要得到的日期*/function convertDate (date, day) { let tempDate = new Date(date); tempDate.setDate(tempDate.getDate()+day); let Y = tempDate.getFullYear(); let M = tempDate.getMonth()+1 < 10 ? '0'+(tempDate.getMonth()+1) : tempDate.getMonth()+1; let D = tempDate.getDate() < 10 ? '0'+(tempDate.getDate()) : tempDate.getDate(); let result = Y + "-" + M + "-" + D return result;}
写在最后
若上面函数有错误,或者还有工作中遇到,但是上面没有写到的,欢迎指出来~
本文转载自:https://segmentfault.com/a/1190000021559646
❤️爱心三连击
1.看到这里了就点个在看支持下吧,你的「在看」是我创作的动力。
2.关注公众号
程序员成长指北
,「带你一起学Node」!
3.特殊阶段,带好口罩,做好个人防护。
4.添加微信【ikoala520】,拉你进技术交流群一起学习。
“在看转发”是最大的支持