跟我學(xué)習(xí)javascript的Date對象
本篇主要介紹Date 日期和時(shí)間對象的操作。
1. 介紹
1.1 說明
Date對象，是操作日期和時(shí)間的對象。Date對象對日期和時(shí)間的操作只能通過方法。
1.2 屬性
無；
Date對象對日期和時(shí)間的操作只能通過方法。
2. 構(gòu)造函數(shù)
2.1 new Date() ：返回當(dāng)前的本地日期和時(shí)間
參數(shù)：無
返回值：
{Date} 返回一個(gè)表示本地日期和時(shí)間的Date對象。
示例：
var dt = new Date(); console.log(dt); // => 返回一個(gè)表示本地日期和時(shí)間的Date對象
2.2 new Date(milliseconds) ：把毫秒數(shù)轉(zhuǎn)換為Date對象
參數(shù)：
①milliseconds {int} ：毫秒數(shù)；表示從'1970/01/01 00:00:00'為起點(diǎn)，開始疊加的毫秒數(shù)。
注意：起點(diǎn)的時(shí)分秒還要加上當(dāng)前所在的時(shí)區(qū)，北京時(shí)間的時(shí)區(qū)為東8區(qū)，起點(diǎn)時(shí)間實(shí)際為：'1970/01/01 08:00:00'
返回值：
{Date} 返回一個(gè)疊加后的Date對象。
示例：
var dt = new Date(1000 * 60 * 1); // 前進(jìn)1分鐘的毫秒數(shù)
console.log(dt); // => {Date}:1970/01/01 08:01:00
dt = new Date(-1000 * 60 * 1); // 倒退1分鐘的毫秒數(shù)
console.log(dt); // => {Date}:1970/01/01 07:59:00
2.3 new Date(dateStr) ：把字符串轉(zhuǎn)換為Date對象
參數(shù)：
①dateStr {string} ：可轉(zhuǎn)換為Date對象的字符串(可省略時(shí)間)；字符串的格式主要有兩種：
1) yyyy/MM/dd HH:mm:ss （推薦）：若省略時(shí)間，返回的Date對象的時(shí)間為 00:00:00。
2) yyyy-MM-dd HH:mm:ss ：若省略時(shí)間，返回的Date對象的時(shí)間為 08:00:00(加上本地時(shí)區(qū))。若不省略時(shí)間，此字符串在IE中會(huì)轉(zhuǎn)換失敗!
返回值：
{Date} 返回一個(gè)轉(zhuǎn)換后的Date對象。
示例：
var dt = new Date('2014/12/25'); // yyyy/MM/dd
console.log(dt); // => {Date}:2014/12/25 00:00:00
dt = new Date('2014/12/25 12:00:00'); // yyyy/MM/dd HH:mm:ss
console.log(dt); // => {Date}:2014/12/25 12:00:00
dt = new Date('2014-12-25'); // yyyy-MM-dd
console.log(dt); // => {Date}:2014-12-25 08:00:00 (加上了東8區(qū)的時(shí)區(qū))
dt = new Date('2014-12-25 12:00:00'); // yyyy-MM-dd HH:mm:ss (注意：此轉(zhuǎn)換方式在IE中會(huì)報(bào)錯(cuò)！)
console.log(dt); // => {Date}:2014-12-25 12:00:00
2.4 new Date(year, month, opt_day, opt_hours, opt_minutes, opt_seconds, opt_milliseconds) ：把年月日、時(shí)分秒轉(zhuǎn)換為Date對象
參數(shù)：
①year {int} ：年份；4位數(shù)字。如：1999、2014
②month {int} ：月份；2位數(shù)字。從0開始計(jì)算，0表示1月份、11表示12月份。
③opt_day {int} 可選：號； 2位數(shù)字；從1開始計(jì)算，1表示1號。
④opt_hours {int} 可選：時(shí)；2位數(shù)字；取值0~23。
⑤opt_minutes {int} 可選：分；2位數(shù)字；取值0~59。
⑥opt_seconds {int} 可選：秒；2未數(shù)字；取值0~59。
⑦opt_milliseconds {int} 可選：毫秒；取值0~999。
返回值：
{Date} 返回一個(gè)轉(zhuǎn)換后的Date對象。
示例：
var dt = new Date(2014, 11); // 2014年12月(這里輸入的月份數(shù)字為11)
console.log(dt); // => {Date}:2014/12/01 00:00:00
dt = new Date(2014, 11, 25); // 2014年12月25日
console.log(dt); // => {Date}:2014/12/25 00:00:00
dt = new Date(2014, 11, 25, 15, 30, 40); // 2014年12月25日 15點(diǎn)30分40秒
console.log(dt); // => {Date}:2014/12/25 15:30:40
dt = new Date(2014, 12, 25); // 2014年13月25日(這里輸入的月份數(shù)字為12，表示第13個(gè)月，跳轉(zhuǎn)到第二年的1月)
console.log(dt); // => {Date}:2015/01/25
3. 實(shí)例方法
Date對象的實(shí)例方法主要分為2種形式：本地時(shí)間和UTC時(shí)間。同一個(gè)方法，一般都會(huì)有此2種時(shí)間格式操作(方法名帶UTC的，就是操作UTC時(shí)間)，這里主要介紹對本地時(shí)間的操作。
3.1 get方法
- getFullYear() ：返回Date對象的年份值；4位年份。
- getMonth() ：返回Date對象的月份值。從0開始，所以真實(shí)月份=返回值+1 。
- getDate() ：返回Date對象的月份中的日期值；值的范圍1~31 。
- getHours() ：返回Date對象的小時(shí)值。
- getMinutes() ：返回Date對象的分鐘值。
- getSeconds() ：返回Date對象的秒數(shù)值。
- getMilliseconds() ：返回Date對象的毫秒值。
- getDay() ：返回Date對象的一周中的星期值；0為星期天，1為星期一、2為星期二，依此類推
- getTime() ：返回Date對象與'1970/01/01 00:00:00'之間的毫秒值(北京時(shí)間的時(shí)區(qū)為東8區(qū)，起點(diǎn)時(shí)間實(shí)際為：'1970/01/01 08:00:00') 。
示例：
dt.getFullYear(); // => 2014：年 dt.getMonth(); // => 11：月；實(shí)際為12月份(月份從0開始計(jì)算) dt.getDate(); // => 25：日 dt.getHours(); // => 15：時(shí) dt.getMinutes(); // => 30：分 dt.getSeconds(); // => 40：秒 dt.getMilliseconds(); // => 333：毫秒 dt.getDay(); // => 4：星期幾的值 dt.getTime(); // => 1419492640333 ：返回Date對象與'1970/01/01 00:00:00'之間的毫秒值(北京時(shí)間的時(shí)區(qū)為東8區(qū)，起點(diǎn)時(shí)間實(shí)際為：'1970/01/01 08:00:00')
3.2 set方法
- setFullYear(year, opt_month, opt_date) ：設(shè)置Date對象的年份值；4位年份。
- setMonth(month, opt_date) ：設(shè)置Date對象的月份值。0表示1月，11表示12月。
- setDate(date) ：設(shè)置Date對象的月份中的日期值；值的范圍1~31 。
- setHours(hour, opt_min, opt_sec, opt_msec) ：設(shè)置Date對象的小時(shí)值。
- setMinutes(min, opt_sec, opt_msec) ：設(shè)置Date對象的分鐘值。
- setSeconds(sec, opt_msec) ：設(shè)置Date對象的秒數(shù)值。
- setMilliseconds(msec) ：設(shè)置Date對象的毫秒值。
示例：
var dt = new Date(); dt.setFullYear(2014); // => 2014：年 dt.setMonth(11); // => 11：月；實(shí)際為12月份(月份從0開始計(jì)算) dt.setDate(25); // => 25：日 dt.setHours(15); // => 15：時(shí) dt.setMinutes(30); // => 30：分 dt.setSeconds(40); // => 40：秒 dt.setMilliseconds(333); // => 333：毫秒 console.log(dt); // => 2014年12月25日 15點(diǎn)30分40秒 333毫秒
3.3 其他方法
- toString() ：將Date轉(zhuǎn)換為一個(gè)'年月日 時(shí)分秒'字符串
- toLocaleString() ：將Date轉(zhuǎn)換為一個(gè)'年月日 時(shí)分秒'的本地格式字符串
- toDateString() ：將Date轉(zhuǎn)換為一個(gè)'年月日'字符串
- toLocaleDateString() ：將Date轉(zhuǎn)換為一個(gè)'年月日'的本地格式字符串
- toTimeString() ：將Date轉(zhuǎn)換為一個(gè)'時(shí)分秒'字符串
- toLocaleTimeString() ：將Date轉(zhuǎn)換為一個(gè)'時(shí)分秒'的本地格式字符串
valueOf() ：與getTime()一樣， 返回Date對象與'1970/01/01 00:00:00'之間的毫秒值(北京時(shí)間的時(shí)區(qū)為東8區(qū)，起點(diǎn)時(shí)間實(shí)際為：'1970/01/01 08:00:00')
示例：
var dt = new Date(); console.log(dt.toString()); // => Tue Dec 23 2014 22:56:11 GMT+0800 (中國標(biāo)準(zhǔn)時(shí)間) ：將Date轉(zhuǎn)換為一個(gè)'年月日 時(shí)分秒'字符串 console.log(dt.toLocaleString()); // => 2014年12月23日 下午10:56:11 ：將Date轉(zhuǎn)換為一個(gè)'年月日 時(shí)分秒'的本地格式字符串 console.log(dt.toDateString()); // => Tue Dec 23 2014 ：將Date轉(zhuǎn)換為一個(gè)'年月日'字符串 console.log(dt.toLocaleDateString()); // => 2014年12月23日 ：將Date轉(zhuǎn)換為一個(gè)'年月日'的本地格式字符串 console.log(dt.toTimeString()); // => 22:56:11 GMT+0800 (中國標(biāo)準(zhǔn)時(shí)間) ：將Date轉(zhuǎn)換為一個(gè)'時(shí)分秒'字符串 console.log(dt.toLocaleTimeString()); // => 下午10:56:11 ：將Date轉(zhuǎn)換為一個(gè)'時(shí)分秒'的本地格式字符串 console.log(dt.valueOf()); // => 返回Date對象與'1970/01/01 00:00:00'之間的毫秒值(北京時(shí)間的時(shí)區(qū)為東8區(qū)，起點(diǎn)時(shí)間實(shí)際為：'1970/01/01 08:00:00')
4. 靜態(tài)方法
4.1 Date.now()
說明：返回當(dāng)前日期和時(shí)間的Date對象與'1970/01/01 00:00:00'之間的毫秒值(北京時(shí)間的時(shí)區(qū)為東8區(qū)，起點(diǎn)時(shí)間實(shí)際為：'1970/01/01 08:00:00')
參數(shù)：無
返回值：
{int} ：當(dāng)前時(shí)間與起始時(shí)間之間的毫秒數(shù)。
示例：
console.log(Date.now()); // => 1419431519276
4.2 Date.parse(dateStr)
說明：把字符串轉(zhuǎn)換為Date對象 ，然后返回此Date對象與'1970/01/01 00:00:00'之間的毫秒值(北京時(shí)間的時(shí)區(qū)為東8區(qū)，起點(diǎn)時(shí)間實(shí)際為：'1970/01/01 08:00:00')
參數(shù)：
①dateStr {string} ：可轉(zhuǎn)換為Date對象的字符串(可省略時(shí)間)；字符串的格式主要有兩種：
1) yyyy/MM/dd HH:mm:ss （推薦）：若省略時(shí)間，返回的Date對象的時(shí)間為 00:00:00。
2) yyyy-MM-dd HH:mm:ss ：若省略時(shí)間，返回的Date對象的時(shí)間為 08:00:00(加上本地時(shí)區(qū))。若不省略時(shí)間，此字符串在IE中返回NaN(非數(shù)字)!
返回值：
{int} 返回轉(zhuǎn)換后的Date對象與起始時(shí)間之間的毫秒數(shù)。
示例：
console.log(Date.parse('2014/12/25 12:00:00')); // => 1419480000000
console.log(Date.parse('2014-12-25 12:00:00')); // => 1419480000000 (注意：此轉(zhuǎn)換方式在IE中返回NaN！)
分享的兩個(gè)案例：
點(diǎn)擊查看： 《javascript獲取系統(tǒng)當(dāng)前時(shí)間的方法》
點(diǎn)擊查看： 《javascript電商網(wǎng)站搶購倒計(jì)時(shí)效果實(shí)現(xiàn)》
以上就是本文的全部內(nèi)容，希望通過這篇文章大家更加了解javascript的Date對象，大家共同進(jìn)步。
相關(guān)文章
js或者jquery判斷圖片是否加載完成實(shí)現(xiàn)代碼
需要獲得圖片的寬度和高度，有些js或者jquery代碼在還沒有加載完圖片時(shí)就執(zhí)行了，這個(gè)問題該怎么解決呢？接下來分別介紹下js與jquery提供的方法2013-03-03
當(dāng)input元素還未插入文檔流之前，是可以修改它的值的，在ie和ff下都沒問題。但如果input已經(jīng)存在于頁面，其type屬性在ie下就成了只讀屬性了，不可以修改2013-10-10
javascript 自動(dòng)轉(zhuǎn)到命名錨記
javascript 自動(dòng)轉(zhuǎn)到命名錨記,方面業(yè)內(nèi)控制導(dǎo)航等信息2009-01-01
JavaScript實(shí)現(xiàn)圖片懶加載的方法分析
這篇文章主要介紹了JavaScript實(shí)現(xiàn)圖片懶加載的方法,結(jié)合實(shí)例形式分析了javascript圖片懶加載的原理、操作步驟與相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-07-07
在html頁面上拖放移動(dòng)標(biāo)簽，需要的朋友可以參考下。2010-01-01
這篇文章主要介紹了小程序新版訂閱消息模板消息，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
這篇文章主要為大家詳細(xì)介紹了微信小程序支付功能，分享了php后臺(tái)對接完整代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-06-06
詳解JavaScript?(!!)?中的雙感嘆號是干什么用的
JavaScript?不是靜態(tài)語言，而是動(dòng)態(tài)語言，這意味著變量可以引用或保存任何類型的值，此外，該類型可以隨時(shí)更改，這篇文章主要介紹了JavaScript?(!!)?中的雙感嘆號作用,需要的朋友可以參考下2022-09-09
控制input框只讀可以防止用戶對數(shù)據(jù)的更改，在某些情況下還是比較實(shí)用的，下面使用js來完成這個(gè)只讀實(shí)現(xiàn)2014-01-01
微信小程序是一種全新的連接用戶與服務(wù)的方式，下面這篇文章主要給大家介紹了關(guān)于加快微信小程序開發(fā)的一些小建議，需要的朋友可以參考下2021-05-05