JavaScript高級(jí)程序設(shè)計(jì) 讀書(shū)筆記之十 本地對(duì)象Date日期
更新時(shí)間:2012年02月27日 23:55:36 作者:
本地對(duì)象Date日期操作實(shí)現(xiàn)方法,需要的朋友可以參考下
創(chuàng)建
var d=new Date();
要注意的是在JavaScript中月份的值是從0到11(0表示1月)。
設(shè)置日期和時(shí)間值
設(shè)置日期和時(shí)間值有兩種方法:
1、只聲明距離1970年1月1日凌晨12點(diǎn)的毫秒數(shù)
a、直接用距離1970年1月1日凌晨12點(diǎn)的毫秒數(shù)
var d=new Date(0);
b、parse方法:
parse方法接受字符串為參數(shù),把該字符串轉(zhuǎn)換成日期值,返回的是毫秒數(shù)。
例如為2012年2月27日創(chuàng)建Date對(duì)象:
var d=new Date(Date.parse("Feb 27,2012"));
如果傳給parse方法的字符串不能轉(zhuǎn)換成日期,該函數(shù)返回NaN
c、UTC方法:
UTC方法也返回日期的毫秒表示,但參數(shù)為年、月、日、時(shí)、分、秒、毫秒,年、月為必選,其他為可選。
例如為2012年2月27日創(chuàng)建Date對(duì)象:
var d=new Date(Date.UTC(2012,1,27));
2、直接聲明UTC方法接受的參數(shù)
var d=new Date(2012,1,27);
參數(shù)規(guī)則跟UTC方法相同。
Date類(lèi)方法
Date類(lèi)方法如下(來(lái)自:http://www.dhdzp.com/w3school/js/jsref_obj_date.htm):
分享一個(gè)日期格式化方法
在這兒分享一個(gè)日期格式化方法,使用方法跟C#中DateTime的ToString方法類(lèi)似:
Date.prototype.toString=function(format){
var time={};
time.Year=this.getFullYear();
time.TYear=(""+time.Year).substr(2);
time.Month=this.getMonth()+1;
time.TMonth=time.Month<10?"0"+time.Month:time.Month;
time.Day=this.getDate();
time.TDay=time.Day<10?"0"+time.Day:time.Day;
time.Hour=this.getHours();
time.THour=time.Hour<10?"0"+time.Hour:time.Hour;
time.hour=time.Hour<13?time.Hour:time.Hour-12;
time.Thour=time.hour<10?"0"+time.hour:time.hour;
time.Minute=this.getMinutes();
time.TMinute=time.Minute<10?"0"+time.Minute:time.Minute;
time.Second=this.getSeconds();
time.TSecond=time.Second<10?"0"+time.Second:time.Second;
time.Millisecond=this.getMilliseconds();
var oNumber=time.Millisecond/1000;
if(format!=undefined && format.replace(/\s/g,"").length>0){
format=format
.replace(/yyyy/ig,time.Year)
.replace(/yyy/ig,time.Year)
.replace(/yy/ig,time.TYear)
.replace(/y/ig,time.TYear)
.replace(/MM/g,time.TMonth)
.replace(/M/g,time.Month)
.replace(/dd/ig,time.TDay)
.replace(/d/ig,time.Day)
.replace(/HH/g,time.THour)
.replace(/H/g,time.Hour)
.replace(/hh/g,time.Thour)
.replace(/h/g,time.hour)
.replace(/mm/g,time.TMinute)
.replace(/m/g,time.Minute)
.replace(/ss/ig,time.TSecond)
.replace(/s/ig,time.Second)
.replace(/fff/ig,time.Millisecond)
.replace(/ff/ig,oNumber.toFixed(2)*100)
.replace(/f/ig,oNumber.toFixed(1)*10);
}
else{
format=time.Year+"-"+time.Month+"-"+time.Day+" "+time.Hour+":"+time.Minute+":"+time.Second;
}
return format;
}
var d=new Date();
console.log(d.toString()); //2011-12-29 11:29:43
console.log(d.toString("")); //2011-12-29 11:29:43
console.log(d.toString("yyyy-MM-dd")); //2011-12-29
console.log(d.toString("HH:mm:ss")); //11:29:43
console.log(d.toString("yyyy-MM-dd HH:mm:ss")); //2011-12-29 11:29:43
console.log(d.toString("yyyy年MM月dd日 HH:mm:ss")); //2011年12月29日 11:29:43
console.log(d.toString("yyyy-MM-dd HH:mm:ss fff")); //2011-12-29 11:29:43 862
var d=new Date();
要注意的是在JavaScript中月份的值是從0到11(0表示1月)。
設(shè)置日期和時(shí)間值
設(shè)置日期和時(shí)間值有兩種方法:
1、只聲明距離1970年1月1日凌晨12點(diǎn)的毫秒數(shù)
a、直接用距離1970年1月1日凌晨12點(diǎn)的毫秒數(shù)
var d=new Date(0);
b、parse方法:
parse方法接受字符串為參數(shù),把該字符串轉(zhuǎn)換成日期值,返回的是毫秒數(shù)。
例如為2012年2月27日創(chuàng)建Date對(duì)象:
var d=new Date(Date.parse("Feb 27,2012"));
如果傳給parse方法的字符串不能轉(zhuǎn)換成日期,該函數(shù)返回NaN
c、UTC方法:
UTC方法也返回日期的毫秒表示,但參數(shù)為年、月、日、時(shí)、分、秒、毫秒,年、月為必選,其他為可選。
例如為2012年2月27日創(chuàng)建Date對(duì)象:
var d=new Date(Date.UTC(2012,1,27));
2、直接聲明UTC方法接受的參數(shù)
var d=new Date(2012,1,27);
參數(shù)規(guī)則跟UTC方法相同。
Date類(lèi)方法
Date類(lèi)方法如下(來(lái)自:http://www.dhdzp.com/w3school/js/jsref_obj_date.htm):
| 方法 | 描述 | FF | IE |
|---|---|---|---|
| Date() | 返回當(dāng)日的日期和時(shí)間。 | 1 | 3 |
| getDate() | 從 Date 對(duì)象返回一個(gè)月中的某一天 (1 ~ 31)。 | 1 | 3 |
| getDay() | 從 Date 對(duì)象返回一周中的某一天 (0 ~ 6)。 | 1 | 3 |
| getMonth() | 從 Date 對(duì)象返回月份 (0 ~ 11)。 | 1 | 3 |
| getFullYear() | 從 Date 對(duì)象以四位數(shù)字返回年份。 | 1 | 4 |
| getYear() | 請(qǐng)使用 getFullYear() 方法代替。 | 1 | 3 |
| getHours() | 返回 Date 對(duì)象的小時(shí) (0 ~ 23)。 | 1 | 3 |
| getMinutes() | 返回 Date 對(duì)象的分鐘 (0 ~ 59)。 | 1 | 3 |
| getSeconds() | 返回 Date 對(duì)象的秒數(shù) (0 ~ 59)。 | 1 | 3 |
| getMilliseconds() | 返回 Date 對(duì)象的毫秒(0 ~ 999)。 | 1 | 4 |
| getTime() | 返回 1970 年 1 月 1 日至今的毫秒數(shù)。 | 1 | 3 |
| getTimezoneOffset() | 返回本地時(shí)間與格林威治標(biāo)準(zhǔn)時(shí)間 (GMT) 的分鐘差。 | 1 | 3 |
| getUTCDate() | 根據(jù)世界時(shí)從 Date 對(duì)象返回月中的一天 (1 ~ 31)。 | 1 | 4 |
| getUTCDay() | 根據(jù)世界時(shí)從 Date 對(duì)象返回周中的一天 (0 ~ 6)。 | 1 | 4 |
| getUTCMonth() | 根據(jù)世界時(shí)從 Date 對(duì)象返回月份 (0 ~ 11)。 | 1 | 4 |
| getUTCFullYear() | 根據(jù)世界時(shí)從 Date 對(duì)象返回四位數(shù)的年份。 | 1 | 4 |
| getUTCHours() | 根據(jù)世界時(shí)返回 Date 對(duì)象的小時(shí) (0 ~ 23)。 | 1 | 4 |
| getUTCMinutes() | 根據(jù)世界時(shí)返回 Date 對(duì)象的分鐘 (0 ~ 59)。 | 1 | 4 |
| getUTCSeconds() | 根據(jù)世界時(shí)返回 Date 對(duì)象的秒鐘 (0 ~ 59)。 | 1 | 4 |
| getUTCMilliseconds() | 根據(jù)世界時(shí)返回 Date 對(duì)象的毫秒(0 ~ 999)。 | 1 | 4 |
| parse() | 返回1970年1月1日午夜到指定日期(字符串)的毫秒數(shù)。 | 1 | 3 |
| setDate() | 設(shè)置 Date 對(duì)象中月的某一天 (1 ~ 31)。 | 1 | 3 |
| setMonth() | 設(shè)置 Date 對(duì)象中月份 (0 ~ 11)。 | 1 | 3 |
| setFullYear() | 設(shè)置 Date 對(duì)象中的年份(四位數(shù)字)。 | 1 | 4 |
| setYear() | 請(qǐng)使用 setFullYear() 方法代替。 | 1 | 3 |
| setHours() | 設(shè)置 Date 對(duì)象中的小時(shí) (0 ~ 23)。 | 1 | 3 |
| setMinutes() | 設(shè)置 Date 對(duì)象中的分鐘 (0 ~ 59)。 | 1 | 3 |
| setSeconds() | 設(shè)置 Date 對(duì)象中的秒鐘 (0 ~ 59)。 | 1 | 3 |
| setMilliseconds() | 設(shè)置 Date 對(duì)象中的毫秒 (0 ~ 999)。 | 1 | 4 |
| setTime() | 以毫秒設(shè)置 Date 對(duì)象。 | 1 | 3 |
| setUTCDate() | 根據(jù)世界時(shí)設(shè)置 Date 對(duì)象中月份的一天 (1 ~ 31)。 | 1 | 4 |
| setUTCMonth() | 根據(jù)世界時(shí)設(shè)置 Date 對(duì)象中的月份 (0 ~ 11)。 | 1 | 4 |
| setUTCFullYear() | 根據(jù)世界時(shí)設(shè)置 Date 對(duì)象中的年份(四位數(shù)字)。 | 1 | 4 |
| setUTCHours() | 根據(jù)世界時(shí)設(shè)置 Date 對(duì)象中的小時(shí) (0 ~ 23)。 | 1 | 4 |
| setUTCMinutes() | 根據(jù)世界時(shí)設(shè)置 Date 對(duì)象中的分鐘 (0 ~ 59)。 | 1 | 4 |
| setUTCSeconds() | 根據(jù)世界時(shí)設(shè)置 Date 對(duì)象中的秒鐘 (0 ~ 59)。 | 1 | 4 |
| setUTCMilliseconds() | 根據(jù)世界時(shí)設(shè)置 Date 對(duì)象中的毫秒 (0 ~ 999)。 | 1 | 4 |
| toSource() | 返回該對(duì)象的源代碼。 | 1 | - |
| toString() | 把 Date 對(duì)象轉(zhuǎn)換為字符串。 | 1 | 4 |
| toTimeString() | 把 Date 對(duì)象的時(shí)間部分轉(zhuǎn)換為字符串。 | 1 | 4 |
| toDateString() | 把 Date 對(duì)象的日期部分轉(zhuǎn)換為字符串。 | 1 | 4 |
| toGMTString() | 請(qǐng)使用 toUTCString() 方法代替。 | 1 | 3 |
| toUTCString() | 根據(jù)世界時(shí),把 Date 對(duì)象轉(zhuǎn)換為字符串。 | 1 | 4 |
| toLocaleString() | 根據(jù)本地時(shí)間格式,把 Date 對(duì)象轉(zhuǎn)換為字符串。 | 1 | 3 |
| toLocaleTimeString() | 根據(jù)本地時(shí)間格式,把 Date 對(duì)象的時(shí)間部分轉(zhuǎn)換為字符串。 | 1 | 3 |
| toLocaleDateString() | 根據(jù)本地時(shí)間格式,把 Date 對(duì)象的日期部分轉(zhuǎn)換為字符串。 | 1 | 3 |
| UTC() | 根據(jù)世界時(shí)返回 1997 年 1 月 1 日 到指定日期的毫秒數(shù)。 | 1 | 3 |
| valueOf() | 返回 Date 對(duì)象的原始值。 | 1 | 4 |
分享一個(gè)日期格式化方法
在這兒分享一個(gè)日期格式化方法,使用方法跟C#中DateTime的ToString方法類(lèi)似:
復(fù)制代碼 代碼如下:
Date.prototype.toString=function(format){
var time={};
time.Year=this.getFullYear();
time.TYear=(""+time.Year).substr(2);
time.Month=this.getMonth()+1;
time.TMonth=time.Month<10?"0"+time.Month:time.Month;
time.Day=this.getDate();
time.TDay=time.Day<10?"0"+time.Day:time.Day;
time.Hour=this.getHours();
time.THour=time.Hour<10?"0"+time.Hour:time.Hour;
time.hour=time.Hour<13?time.Hour:time.Hour-12;
time.Thour=time.hour<10?"0"+time.hour:time.hour;
time.Minute=this.getMinutes();
time.TMinute=time.Minute<10?"0"+time.Minute:time.Minute;
time.Second=this.getSeconds();
time.TSecond=time.Second<10?"0"+time.Second:time.Second;
time.Millisecond=this.getMilliseconds();
var oNumber=time.Millisecond/1000;
if(format!=undefined && format.replace(/\s/g,"").length>0){
format=format
.replace(/yyyy/ig,time.Year)
.replace(/yyy/ig,time.Year)
.replace(/yy/ig,time.TYear)
.replace(/y/ig,time.TYear)
.replace(/MM/g,time.TMonth)
.replace(/M/g,time.Month)
.replace(/dd/ig,time.TDay)
.replace(/d/ig,time.Day)
.replace(/HH/g,time.THour)
.replace(/H/g,time.Hour)
.replace(/hh/g,time.Thour)
.replace(/h/g,time.hour)
.replace(/mm/g,time.TMinute)
.replace(/m/g,time.Minute)
.replace(/ss/ig,time.TSecond)
.replace(/s/ig,time.Second)
.replace(/fff/ig,time.Millisecond)
.replace(/ff/ig,oNumber.toFixed(2)*100)
.replace(/f/ig,oNumber.toFixed(1)*10);
}
else{
format=time.Year+"-"+time.Month+"-"+time.Day+" "+time.Hour+":"+time.Minute+":"+time.Second;
}
return format;
}
var d=new Date();
console.log(d.toString()); //2011-12-29 11:29:43
console.log(d.toString("")); //2011-12-29 11:29:43
console.log(d.toString("yyyy-MM-dd")); //2011-12-29
console.log(d.toString("HH:mm:ss")); //11:29:43
console.log(d.toString("yyyy-MM-dd HH:mm:ss")); //2011-12-29 11:29:43
console.log(d.toString("yyyy年MM月dd日 HH:mm:ss")); //2011年12月29日 11:29:43
console.log(d.toString("yyyy-MM-dd HH:mm:ss fff")); //2011-12-29 11:29:43 862
您可能感興趣的文章:
- Javascript日期對(duì)象的dateAdd與dateDiff方法
- JavaScript Date對(duì)象使用總結(jié)
- Javascript 日期對(duì)象Date擴(kuò)展方法
- JavaScript 筆記二 Array和Date對(duì)象方法
- JavaScript Date對(duì)象 日期獲取函數(shù)
- javascript 時(shí)間顯示代碼集合(Date對(duì)象)
- javascript中Date對(duì)象的getDay方法使用指南
- 淺談JavaScript Date日期和時(shí)間對(duì)象
- javascript轉(zhuǎn)換日期字符串為Date日期對(duì)象的方法
- JavaScript原生對(duì)象之Date對(duì)象的屬性和方法詳解
- 每天一篇javascript學(xué)習(xí)小結(jié)(Boolean對(duì)象)
- 每天一篇javascript學(xué)習(xí)小結(jié)(Date對(duì)象)
相關(guān)文章
javascript對(duì)數(shù)組的常用操作代碼 數(shù)組方法總匯
js下數(shù)組也是比較常用的,對(duì)數(shù)組元素的處理也是有非常多的方法,這里整理了下,需要的朋友可以參考下。2011-01-01
Bootstrap實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)(親測(cè)可用)
這篇文章主要為大家詳細(xì)介紹了Bootstrap實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-07-07
uniapp微信小程序?qū)崿F(xiàn)一個(gè)頁(yè)面多個(gè)倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了uniapp微信小程序?qū)崿F(xiàn)一個(gè)頁(yè)面多個(gè)倒計(jì)時(shí),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-11-11
EXTJS7實(shí)現(xiàn)點(diǎn)擊拖拉選擇文本
這篇文章主要為大家詳細(xì)介紹了EXTJS7實(shí)現(xiàn)點(diǎn)擊拖拉選擇文本,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-12-12
JavaScript實(shí)現(xiàn)隨機(jī)點(diǎn)名網(wǎng)頁(yè)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)隨機(jī)點(diǎn)名網(wǎng)頁(yè),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09
javascript 函數(shù)限制調(diào)用代碼
javascript 函數(shù)限制調(diào)用代碼,需要的朋友可以參考下。2010-05-05
javascript如何實(shí)現(xiàn)360度全景照片問(wèn)題匯總
這篇文章主要為大家詳細(xì)匯總了javascript如何實(shí)現(xiàn)360度全景照片問(wèn)題,感興趣的朋友可以參考一下2016-04-04

