JavaScript高級程序設(shè)計 讀書筆記之十 本地對象Date日期
更新時間:2012年02月27日 23:55:36 作者:
本地對象Date日期操作實現(xiàn)方法,需要的朋友可以參考下
創(chuàng)建
var d=new Date();
要注意的是在JavaScript中月份的值是從0到11(0表示1月)。
設(shè)置日期和時間值
設(shè)置日期和時間值有兩種方法:
1、只聲明距離1970年1月1日凌晨12點的毫秒數(shù)
a、直接用距離1970年1月1日凌晨12點的毫秒數(shù)
var d=new Date(0);
b、parse方法:
parse方法接受字符串為參數(shù),把該字符串轉(zhuǎn)換成日期值,返回的是毫秒數(shù)。
例如為2012年2月27日創(chuàng)建Date對象:
var d=new Date(Date.parse("Feb 27,2012"));
如果傳給parse方法的字符串不能轉(zhuǎn)換成日期,該函數(shù)返回NaN
c、UTC方法:
UTC方法也返回日期的毫秒表示,但參數(shù)為年、月、日、時、分、秒、毫秒,年、月為必選,其他為可選。
例如為2012年2月27日創(chuàng)建Date對象:
var d=new Date(Date.UTC(2012,1,27));
2、直接聲明UTC方法接受的參數(shù)
var d=new Date(2012,1,27);
參數(shù)規(guī)則跟UTC方法相同。
Date類方法
Date類方法如下(來自:http://www.dbjr.com.cn/w3school/js/jsref_obj_date.htm):
分享一個日期格式化方法
在這兒分享一個日期格式化方法,使用方法跟C#中DateTime的ToString方法類似:
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è)置日期和時間值有兩種方法:
1、只聲明距離1970年1月1日凌晨12點的毫秒數(shù)
a、直接用距離1970年1月1日凌晨12點的毫秒數(shù)
var d=new Date(0);
b、parse方法:
parse方法接受字符串為參數(shù),把該字符串轉(zhuǎn)換成日期值,返回的是毫秒數(shù)。
例如為2012年2月27日創(chuàng)建Date對象:
var d=new Date(Date.parse("Feb 27,2012"));
如果傳給parse方法的字符串不能轉(zhuǎn)換成日期,該函數(shù)返回NaN
c、UTC方法:
UTC方法也返回日期的毫秒表示,但參數(shù)為年、月、日、時、分、秒、毫秒,年、月為必選,其他為可選。
例如為2012年2月27日創(chuàng)建Date對象:
var d=new Date(Date.UTC(2012,1,27));
2、直接聲明UTC方法接受的參數(shù)
var d=new Date(2012,1,27);
參數(shù)規(guī)則跟UTC方法相同。
Date類方法
Date類方法如下(來自:http://www.dbjr.com.cn/w3school/js/jsref_obj_date.htm):
方法 | 描述 | FF | IE |
---|---|---|---|
Date() | 返回當日的日期和時間。 | 1 | 3 |
getDate() | 從 Date 對象返回一個月中的某一天 (1 ~ 31)。 | 1 | 3 |
getDay() | 從 Date 對象返回一周中的某一天 (0 ~ 6)。 | 1 | 3 |
getMonth() | 從 Date 對象返回月份 (0 ~ 11)。 | 1 | 3 |
getFullYear() | 從 Date 對象以四位數(shù)字返回年份。 | 1 | 4 |
getYear() | 請使用 getFullYear() 方法代替。 | 1 | 3 |
getHours() | 返回 Date 對象的小時 (0 ~ 23)。 | 1 | 3 |
getMinutes() | 返回 Date 對象的分鐘 (0 ~ 59)。 | 1 | 3 |
getSeconds() | 返回 Date 對象的秒數(shù) (0 ~ 59)。 | 1 | 3 |
getMilliseconds() | 返回 Date 對象的毫秒(0 ~ 999)。 | 1 | 4 |
getTime() | 返回 1970 年 1 月 1 日至今的毫秒數(shù)。 | 1 | 3 |
getTimezoneOffset() | 返回本地時間與格林威治標準時間 (GMT) 的分鐘差。 | 1 | 3 |
getUTCDate() | 根據(jù)世界時從 Date 對象返回月中的一天 (1 ~ 31)。 | 1 | 4 |
getUTCDay() | 根據(jù)世界時從 Date 對象返回周中的一天 (0 ~ 6)。 | 1 | 4 |
getUTCMonth() | 根據(jù)世界時從 Date 對象返回月份 (0 ~ 11)。 | 1 | 4 |
getUTCFullYear() | 根據(jù)世界時從 Date 對象返回四位數(shù)的年份。 | 1 | 4 |
getUTCHours() | 根據(jù)世界時返回 Date 對象的小時 (0 ~ 23)。 | 1 | 4 |
getUTCMinutes() | 根據(jù)世界時返回 Date 對象的分鐘 (0 ~ 59)。 | 1 | 4 |
getUTCSeconds() | 根據(jù)世界時返回 Date 對象的秒鐘 (0 ~ 59)。 | 1 | 4 |
getUTCMilliseconds() | 根據(jù)世界時返回 Date 對象的毫秒(0 ~ 999)。 | 1 | 4 |
parse() | 返回1970年1月1日午夜到指定日期(字符串)的毫秒數(shù)。 | 1 | 3 |
setDate() | 設(shè)置 Date 對象中月的某一天 (1 ~ 31)。 | 1 | 3 |
setMonth() | 設(shè)置 Date 對象中月份 (0 ~ 11)。 | 1 | 3 |
setFullYear() | 設(shè)置 Date 對象中的年份(四位數(shù)字)。 | 1 | 4 |
setYear() | 請使用 setFullYear() 方法代替。 | 1 | 3 |
setHours() | 設(shè)置 Date 對象中的小時 (0 ~ 23)。 | 1 | 3 |
setMinutes() | 設(shè)置 Date 對象中的分鐘 (0 ~ 59)。 | 1 | 3 |
setSeconds() | 設(shè)置 Date 對象中的秒鐘 (0 ~ 59)。 | 1 | 3 |
setMilliseconds() | 設(shè)置 Date 對象中的毫秒 (0 ~ 999)。 | 1 | 4 |
setTime() | 以毫秒設(shè)置 Date 對象。 | 1 | 3 |
setUTCDate() | 根據(jù)世界時設(shè)置 Date 對象中月份的一天 (1 ~ 31)。 | 1 | 4 |
setUTCMonth() | 根據(jù)世界時設(shè)置 Date 對象中的月份 (0 ~ 11)。 | 1 | 4 |
setUTCFullYear() | 根據(jù)世界時設(shè)置 Date 對象中的年份(四位數(shù)字)。 | 1 | 4 |
setUTCHours() | 根據(jù)世界時設(shè)置 Date 對象中的小時 (0 ~ 23)。 | 1 | 4 |
setUTCMinutes() | 根據(jù)世界時設(shè)置 Date 對象中的分鐘 (0 ~ 59)。 | 1 | 4 |
setUTCSeconds() | 根據(jù)世界時設(shè)置 Date 對象中的秒鐘 (0 ~ 59)。 | 1 | 4 |
setUTCMilliseconds() | 根據(jù)世界時設(shè)置 Date 對象中的毫秒 (0 ~ 999)。 | 1 | 4 |
toSource() | 返回該對象的源代碼。 | 1 | - |
toString() | 把 Date 對象轉(zhuǎn)換為字符串。 | 1 | 4 |
toTimeString() | 把 Date 對象的時間部分轉(zhuǎn)換為字符串。 | 1 | 4 |
toDateString() | 把 Date 對象的日期部分轉(zhuǎn)換為字符串。 | 1 | 4 |
toGMTString() | 請使用 toUTCString() 方法代替。 | 1 | 3 |
toUTCString() | 根據(jù)世界時,把 Date 對象轉(zhuǎn)換為字符串。 | 1 | 4 |
toLocaleString() | 根據(jù)本地時間格式,把 Date 對象轉(zhuǎn)換為字符串。 | 1 | 3 |
toLocaleTimeString() | 根據(jù)本地時間格式,把 Date 對象的時間部分轉(zhuǎn)換為字符串。 | 1 | 3 |
toLocaleDateString() | 根據(jù)本地時間格式,把 Date 對象的日期部分轉(zhuǎn)換為字符串。 | 1 | 3 |
UTC() | 根據(jù)世界時返回 1997 年 1 月 1 日 到指定日期的毫秒數(shù)。 | 1 | 3 |
valueOf() | 返回 Date 對象的原始值。 | 1 | 4 |
分享一個日期格式化方法
在這兒分享一個日期格式化方法,使用方法跟C#中DateTime的ToString方法類似:
復(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日期對象的dateAdd與dateDiff方法
- JavaScript Date對象使用總結(jié)
- Javascript 日期對象Date擴展方法
- JavaScript 筆記二 Array和Date對象方法
- JavaScript Date對象 日期獲取函數(shù)
- javascript 時間顯示代碼集合(Date對象)
- javascript中Date對象的getDay方法使用指南
- 淺談JavaScript Date日期和時間對象
- javascript轉(zhuǎn)換日期字符串為Date日期對象的方法
- JavaScript原生對象之Date對象的屬性和方法詳解
- 每天一篇javascript學習小結(jié)(Boolean對象)
- 每天一篇javascript學習小結(jié)(Date對象)
相關(guān)文章
cnblogs 代碼高亮顯示后的代碼復(fù)制問題解決實現(xiàn)代碼
cnblogs是比較有名的技術(shù)博客基地,很多技術(shù)達人都在里面發(fā)布技術(shù)文章, 不過由于代碼不利于復(fù)制,因為頁面里面有pre標簽等問題2011-12-12JavaScript實現(xiàn)焦點進入文本框內(nèi)關(guān)閉輸入法的核心代碼
這篇文章給大家分享js實現(xiàn)焦點進入文本框內(nèi)關(guān)閉輸入法,代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的朋友參考下吧2017-09-09手把手教你uniapp和uview2.0實現(xiàn)表單校驗實戰(zhàn)
表單提交對大家來說應(yīng)該都不陌生,這是個很常見的功能,這篇文章主要給大家介紹了關(guān)于手把手教你uniapp和uview2.0實現(xiàn)表單校驗的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-05-05