JavaScript日期工具類DateUtils定義與用法示例
更新時(shí)間：2018年09月03日 14:30:57 作者：老鼠擰刀滿街找貓
這篇文章主要介紹了JavaScript日期工具類DateUtils定義與用法,涉及javascript針對(duì)日期時(shí)間的獲取、轉(zhuǎn)換、比較、運(yùn)算等相關(guān)操作技巧,需要的朋友可以參考下
本文實(shí)例講述了JavaScript日期工具類DateUtils定義與用法。分享給大家供大家參考，具體如下：
DateUtils = {
patterns: {
PATTERN_ERA: 'G', //Era 標(biāo)志符 Era strings. For example: "AD" and "BC"
PATTERN_YEAR: 'y', //年
PATTERN_MONTH: 'M', //月份
PATTERN_DAY_OF_MONTH: 'd', //月份的天數(shù)
PATTERN_HOUR_OF_DAY1: 'k', //一天中的小時(shí)數(shù)（1-24）
PATTERN_HOUR_OF_DAY0: 'H', //24小時(shí)制，一天中的小時(shí)數(shù)（0-23）
PATTERN_MINUTE: 'm', //小時(shí)中的分鐘數(shù)
PATTERN_SECOND: 's', //秒
PATTERN_MILLISECOND: 'S', //毫秒
PATTERN_DAY_OF_WEEK: 'E', //一周中對(duì)應(yīng)的星期，如星期一，周一
PATTERN_DAY_OF_YEAR: 'D', //一年中的第幾天
PATTERN_DAY_OF_WEEK_IN_MONTH: 'F', //一月中的第幾個(gè)星期(會(huì)把這個(gè)月總共過(guò)的天數(shù)除以7,不夠準(zhǔn)確，推薦用W)
PATTERN_WEEK_OF_YEAR: 'w', //一年中的第幾個(gè)星期
PATTERN_WEEK_OF_MONTH: 'W', //一月中的第幾星期(會(huì)根據(jù)實(shí)際情況來(lái)算)
PATTERN_AM_PM: 'a', //上下午標(biāo)識(shí)
PATTERN_HOUR1: 'h', //12小時(shí)制 ，am/pm 中的小時(shí)數(shù)（1-12）
PATTERN_HOUR0: 'K', //和h類型
PATTERN_ZONE_NAME: 'z', //時(shí)區(qū)名
PATTERN_ZONE_VALUE: 'Z', //時(shí)區(qū)值
PATTERN_WEEK_YEAR: 'Y', //和y類型
PATTERN_ISO_DAY_OF_WEEK: 'u',
PATTERN_ISO_ZONE: 'X'
},
week: {
'ch': {
"0": "\u65e5",
"1": "\u4e00",
"2": "\u4e8c",
"3": "\u4e09",
"4": "\u56db",
"5": "\u4e94",
"6": "\u516d"
},
'en': {
"0": "Sunday",
"1": "Monday",
"2": "Tuesday",
"3": "Wednesday",
"4": "Thursday",
"5": "Friday",
"6": "Saturday"
}
},
//獲取當(dāng)前時(shí)間
getCurrentTime: function() {
var today = new Date();
var year = today.getFullYear();
var month = today.getMonth() + 1;
var day = today.getDate();
var hours = today.getHours();
var minutes = today.getMinutes();
var seconds = today.getSeconds();
var timeString = year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
return timeString;
},
/*
* 比較時(shí)間大小
* time1>time2 return 1
* time1<time2 return -1
* time1==time2 return 0
*/
compareTime: function(time1, time2) {
if(Date.parse(time1.replace(/-/g, "/")) > Date.parse(time2.replace(/-/g, "/"))) {
return 1;
} else if(Date.parse(time1.replace(/-/g, "/")) < Date.parse(time2.replace(/-/g, "/"))) {
return -1;
} else if(Date.parse(time1.replace(/-/g, "/")) == Date.parse(time2.replace(/-/g, "/"))) {
return 0;
}
},
//是否閏年
isLeapYear: function(year) {
return((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0);
},
//獲取某個(gè)月的天數(shù)，從0開(kāi)始
getDaysOfMonth: function(year, month) {
return [31, (this.isLeapYear(year) ? 29 : 28), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month];
},
getDaysOfMonth2: function(year, month) {
// 將天置為0，會(huì)獲取其上個(gè)月的最后一天
month = parseInt(month) + 1;
var date = new Date(year, month, 0);
return date.getDate();
},
/*距離現(xiàn)在幾天的日期：負(fù)數(shù)表示今天之前的日期，0表示今天，整數(shù)表示未來(lái)的日期
* 如-1表示昨天的日期，0表示今天，2表示后天
*/
fromToday: function(days) {
var today = new Date();
today.setDate(today.getDate() + days);
var date = today.getFullYear() + "-" + (today.getMonth() + 1) + "-" + today.getDate();
return date;
},
/**
* 日期時(shí)間格式化
* @param {Object} dateTime 需要格式化的日期時(shí)間
* @param {String} pattern 格式化的模式，如yyyy-MM-dd hh(HH):mm:ss.S a k K E D F w W z Z
*/
formt: function(dateTime, pattern) {
var date = new Date(dateTime);
if(Bee.StringUtils.isBlank(pattern)) {
return date.toLocaleString();
}
return pattern.replace(/([a-z])\1*/ig, function(matchStr, group1) {
var replacement = "";
switch(group1) {
case Bee.DateUtils.patterns.PATTERN_ERA: //G
break;
case Bee.DateUtils.patterns.PATTERN_WEEK_YEAR: //Y
case Bee.DateUtils.patterns.PATTERN_YEAR: //y
replacement = date.getFullYear();
break;
case Bee.DateUtils.patterns.PATTERN_MONTH: //M
var month = date.getMonth() + 1;
replacement = (month < 10 && matchStr.length >= 2) ? "0" + month : month;
break;
case Bee.DateUtils.patterns.PATTERN_DAY_OF_MONTH: //d
var days = date.getDate();
replacement = (days < 10 && matchStr.length >= 2) ? "0" + days : days;
break;
case Bee.DateUtils.patterns.PATTERN_HOUR_OF_DAY1: //k(1~24)
var hours24 = date.getHours();
replacement = hours24;
break;
case Bee.DateUtils.patterns.PATTERN_HOUR_OF_DAY0: //H(0~23)
var hours24 = date.getHours();
replacement = (hours24 < 10 && matchStr.length >= 2) ? "0" + hours24 : hours24;
break;
case Bee.DateUtils.patterns.PATTERN_MINUTE: //m
var minutes = date.getMinutes();
replacement = (minutes < 10 && matchStr.length >= 2) ? "0" + minutes : minutes;
break;
case Bee.DateUtils.patterns.PATTERN_SECOND: //s
var seconds = date.getSeconds();
replacement = (seconds < 10 && matchStr.length >= 2) ? "0" + seconds : seconds;
break;
case Bee.DateUtils.patterns.PATTERN_MILLISECOND: //S
var milliSeconds = date.getMilliseconds();
replacement = milliSeconds;
break;
case Bee.DateUtils.patterns.PATTERN_DAY_OF_WEEK: //E
var day = date.getDay();
replacement = Bee.DateUtils.week['ch'][day];
break;
case Bee.DateUtils.patterns.PATTERN_DAY_OF_YEAR: //D
replacement = Bee.DateUtils.dayOfTheYear(date);
break;
case Bee.DateUtils.patterns.PATTERN_DAY_OF_WEEK_IN_MONTH: //F
var days = date.getDate();
replacement = Math.floor(days / 7);
break;
case Bee.DateUtils.patterns.PATTERN_WEEK_OF_YEAR: //w
var days = Bee.DateUtils.dayOfTheYear(date);
replacement = Math.ceil(days / 7);
break;
case Bee.DateUtils.patterns.PATTERN_WEEK_OF_MONTH: //W
var days = date.getDate();
replacement = Math.ceil(days / 7);
break;
case Bee.DateUtils.patterns.PATTERN_AM_PM: //a
var hours24 = date.getHours();
replacement = hours24 < 12 ? "\u4e0a\u5348" : "\u4e0b\u5348";
break;
case Bee.DateUtils.patterns.PATTERN_HOUR1: //h(1~12)
var hours12 = date.getHours() % 12 || 12; //0轉(zhuǎn)為12
replacement = (hours12 < 10 && matchStr.length >= 2) ? "0" + hours12 : hours12;
break;
case Bee.DateUtils.patterns.PATTERN_HOUR0: //K(0~11)
var hours12 = date.getHours() % 12;
replacement = hours12;
break;
case Bee.DateUtils.patterns.PATTERN_ZONE_NAME: //z
replacement = Bee.DateUtils.getZoneNameValue(date)['name'];
break;
case Bee.DateUtils.patterns.PATTERN_ZONE_VALUE: //Z
replacement = Bee.DateUtils.getZoneNameValue(date)['value'];
break;
case Bee.DateUtils.patterns.PATTERN_ISO_DAY_OF_WEEK: //u
break;
case Bee.DateUtils.patterns.PATTERN_ISO_ZONE: //X
break;
default:
break;
}
return replacement;
});
},
/**
* 計(jì)算一個(gè)日期是當(dāng)年的第幾天
* @param {Object} date
*/
dayOfTheYear: function(date) {
var obj = new Date(date);
var year = obj.getFullYear();
var month = obj.getMonth(); //從0開(kāi)始
var days = obj.getDate();
var daysArr = [31, (this.isLeapYear(year) ? 29 : 28), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
for(var i = 0; i < month; i++) {
days += daysArr[i];
}
return days;
},
//獲得時(shí)區(qū)名和值
getZoneNameValue: function(dateObj) {
var date = new Date(dateObj);
date = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));
var arr = date.toString().match(/([A-Z]+)([-+]\d+:?\d+)/);
var obj = {
'name': arr[1],
'value': arr[2]
};
return obj;
}
};
//用法示例
console.log(DateUtils.getCurrentTime())//獲取當(dāng)前時(shí)間
console.log(DateUtils.compareTime('2018-8-1','2018-9-3'))//比較時(shí)間
console.log(DateUtils.isLeapYear('2018'))//是否閏年
console.log(DateUtils.getDaysOfMonth('2018','9'))//獲取指定月份的天數(shù)（從0計(jì)數(shù)）
console.log(DateUtils.dayOfTheYear('2018-9-3'))//計(jì)算指定日期是當(dāng)年第幾天
使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試運(yùn)行結(jié)果如下：
PS：這里再為大家推薦幾款比較實(shí)用的天數(shù)計(jì)算在線工具供大家使用：
在線日期/天數(shù)計(jì)算器：
http://tools.jb51.net/jisuanqi/date_jisuanqi
在線日期計(jì)算器/相差天數(shù)計(jì)算器：
http://tools.jb51.net/jisuanqi/datecalc
在線日期天數(shù)差計(jì)算器：
http://tools.jb51.net/jisuanqi/onlinedatejsq
在線天數(shù)計(jì)算器：
http://tools.jb51.net/jisuanqi/datejsq
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript時(shí)間與日期操作技巧總結(jié)》、《JavaScript+HTML5特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
javascript 簡(jiǎn)單高效判斷數(shù)據(jù)類型 系列函數(shù) By shawl.qiu
javascript 簡(jiǎn)單高效判斷數(shù)據(jù)類型 系列函數(shù) By shawl.qiu...2007-03-03
隱性類型轉(zhuǎn)換，是==引起的轉(zhuǎn)換，下面通過(guò)本文給大家分享JavaScript 隱性類型轉(zhuǎn)換步驟，感興趣的朋友一起看看吧2018-03-03
nodejs讀取本地中文json文件出現(xiàn)亂碼解決方法
在本篇文章中我們給大家分享了關(guān)于nodejs讀取本地中文json文件出現(xiàn)亂碼的解決方法，需要的朋友們可以學(xué)習(xí)下。2018-10-10
使用dynatrace-ajax跟蹤JavaScript的性能
DynaTrace 致力于分析后臺(tái)應(yīng)用性能的表現(xiàn)已經(jīng)好幾年了，最近，他們通過(guò)發(fā)布dynaTrace Ajax Edition進(jìn)入了前端性能分析領(lǐng)域. 它是一個(gè)運(yùn)行在IE下的BHO免費(fèi)工具. 雖然我喜歡Firefox和它下面的所有插件，但我知道基于IE的測(cè)試和調(diào)試也是很重要的。2010-04-04
微信小程序按鈕點(diǎn)擊動(dòng)畫(huà)效果的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序按鈕點(diǎn)擊動(dòng)畫(huà)效果的實(shí)現(xiàn),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-09-09
javascript鼠標(biāo)跟隨運(yùn)動(dòng)3種效果（眼球效果，蘋(píng)果菜單，方向跟隨）
在很多網(wǎng)站上能看到圖片跟隨鼠標(biāo)移動(dòng)的JS特效，其實(shí)做法很簡(jiǎn)單，本文就介紹了很多javascript鼠標(biāo)跟隨運(yùn)動(dòng)，在這里與大家分享下。2016-10-10
JS導(dǎo)出PDF插件的方法(支持中文、圖片使用路徑)
下面小編就為大家?guī)?lái)一篇JS導(dǎo)出PDF插件的方法(支持中文、圖片使用路徑)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
JSON與XML的區(qū)別對(duì)比及案例應(yīng)用
這篇文章主要介紹了JSON與XML的區(qū)別對(duì)比及案例應(yīng)用的講解。本文涉及到XML和JSON優(yōu)缺點(diǎn)講解及對(duì)比，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-11-11
這篇文章主要介紹了document.cookie 使用,主要包括cookie設(shè)置，修改cookie值及獲取cookie值的相關(guān)知識(shí)，本文給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-06-06
這篇文章主要介紹了ES6概念 ymbol.for()方法,需要的朋友可以參考下2016-12-12