筆記之javascript--06--Date

1、Date類型：

建立日期對象：var now = new Date( );

在調用Date構造函數而不傳參數的情況下，新建立的對象自動獲得目前日期和時間，如果想根據指定的日期和時間創造日期對象，必須傳入表示該日期的毫秒數。

前面的話

　　Date對象是javascript語言中内置的資料類型，用于提供日期和時間的操作接口。Date對象是在早期java中的java.util.Date類基礎上建立的，為此，Date類型使用自UTC1970年1月1日0點開始經過的毫秒數來儲存日期，它可以表示的時間範圍是1970年1月1日0點前後的各1億天。本文将詳細介紹Date對象的用法

靜态方法

　　在介紹Date對象的構造函數之前，先介紹靜态方法。因為，Date對象的靜态方法與其構造函數有着千絲萬縷的聯系。使用構造函數建立Date對象的過程，類似于披着外套的靜态方法的使用過程。

　　Date對象總共有三個靜态方法，分别是Date.now()、Date.parse()、Date.UTC()。這些方法通過Date()構造函數本身調用，而不是通過Date執行個體對象

Date.now()

　　ECMAScript5新增了now()方法，該方法傳回目前時間距離1970年1月1日0點UTC的毫秒數。該方法不支援傳遞參數

　　[注意]該方法傳回的是Number數字類型

console.log(Date.now());//1468297046050
console.log(Date.now('2016,1,1'));//1468297046050
console.log(typeof Date.now());//'number'

　　在不支援Date.now()方法的浏覽器中，可以用+操作符把Date對象轉換成數字，也可以實作類似效果

console.log(new Date());//Tue Jul 12 2016 12:21:33 GMT+0800 (中國标準時間)
console.log(+new Date());//1468297293433
console.log(+new Date(2000,1,1));//949334400000

　　該方法常用于分析代碼的工作

var start = Date.now();
doSomething();
var stop = Date.now();
result = stop - start;

Date.parse()

　　該方法用于解析一個日期字元串，參數是一個包含待解析的日期和時間的字元串，傳回從1970年1月1日0點到給定日期的毫秒數

　　該方法會根據日期時間字元串格式規則來解析字元串的格式，除了标準格式外，以下格式也支援。如果字元串無法識别，将傳回NaN

　　1、'月/日/年' 如6/13/2004

　　2、'月日,年' 如January 12,2004或Jan 12,2004

　　3、'星期月日年時:分:秒時區' Tue May 25 2004 00:00:00 GMT-0700

　　[注意]浏覽器不支援不表示日期隻表示時間的字元串格式

console.log(Date.parse('6/13/2004'));//1087056000000
console.log(Date.parse('January 12,2004'));//1073836800000
console.log(Date.parse('Tue May 25 2004 00:00:00 GMT-0700'));//1085468400000
console.log(Date.parse('2004-05-25T00:00:00'));//1085443200000
console.log(Date.parse('2016'));//1451606400000
console.log(Date.parse('T00:00:00'));//NaN
console.log(Date.parse());//NaN

　　[注意]在ECMAScript5中，如果使用标準的日期時間字元串格式規則的字元串中，數學前有前置0，則會解析為UTC時間，時間沒有前置0，則會解析為本地時間。其他情況一般都會解析為本地時間

console.log(Date.parse('7/12/2016'));//1468252800000
console.log(Date.parse('2016-7-12'));//1468252800000
console.log(Date.parse('2016-07-12'));//1468281600000

Date.UTC()

　　Date.UTC()同樣傳回給定日期的毫秒數，但其參數并不是一個字元串，而是分别代表年、月、日、時、分、秒、毫秒的數字參數

　　Date.UTC(year,month,day,hours,minutes,seconds,ms)，year和month參數是固定的，其餘參數可選，日期時間格式規則詳見此

　　因為該函數有7個形參，是以其length值為7

console.log(Date.UTC.length);//7

　　[注意]該方法使用的是UTC時間，而不是本地時間

console.log(Date.UTC(1970));//NaN
console.log(Date.UTC(1970,0));//0
console.log(Date.UTC(1970,0,2));//86400000
console.log(Date.UTC(1970,0,1,1));//3600000
console.log(Date.UTC(1970,0,1,1,59));//714000
console.log(Date.UTC(1970,0,1,1,59,30));//717000

構造函數

Date()構造函數有多達5種的使用方法

　　【0】Date()函數可以不帶new操作符，像一個函數一樣調用。它将忽略所有傳入的參數，并傳回目前日期和時間的一個字元串表示

Date();

　　[注意]由于Date()函數沒有使用操作符，實際上它不能被稱為構造函數

console.log(Date());//"Tue Jul 12 2016 13:38:41 GMT+0800 (中國标準時間)"
console.log(Date('2016/1/1'));//"Tue Jul 12 2016 13:38:41 GMT+0800 (中國标準時間)"
console.log(typeof Date());//'string'

　　【1】Date()函數使用new操作符，且不帶參數時，将根據目前時間和日期建立一個Date對象

new Date();

console.log(new Date());//Tue Jul 12 2016 13:41:45 GMT+0800 (中國标準時間)
console.log(new Date);//Tue Jul 12 2016 13:41:45 GMT+0800 (中國标準時間)
console.log(typeof new Date());//'object'

　　【2】Date()函數可接受一個數字參數，該參數表示設定時間與1970年1月1日0點之間的毫秒數

new Date(milliseconds);

console.log(new Date(0));//Thu Jan 01 1970 08:00:00 GMT+0800 (中國标準時間)
console.log(new Date(86400000));//Fri Jan 02 1970 08:00:00 GMT+0800 (中國标準時間)
console.log(typeof new Date(0));//object

　　【3】Date()函數可接受一個字元串參數，參數形式類似于Date.parse()方法。但parse()方法傳回的是一個數字，而Date()函數傳回的是一個對象

new Date(datestring);

console.log(new Date('6/13/2004'));//Sun Jun 13 2004 00:00:00 GMT+0800 (中國标準時間)
console.log(Date.parse('6/13/2004'));//1087056000000
console.log(typeof new Date(6/13/2004));//object
console.log(typeof Date.parse(6/13/2004));//number

　　關于标準的日期時間字元串中前置0的處理，也類似于Date.parse()方法，若有前置0，則相當于UTC時間，若沒有，則相當于本地時間。其餘情況一般都為本地時間

console.log(new Date('7/12/2016'));//Tue Jul 12 2016 00:00:00 GMT+0800 (中國标準時間)
console.log(new Date('2016-7-12'));//Tue Jul 12 2016 00:00:00 GMT+0800 (中國标準時間)
console.log(new Date('2016-07-12'));//Tue Jul 12 2016 08:00:00 GMT+0800 (中國标準時間)

　　【4】Date()函數可接受參數形式類似于Date.UTC()方法的參數，但Date.UTC()方法傳回是一個毫秒數，且是UTC時間，而Date()函數傳回是一個對象，且是本地時間

console.log(new Date(2016,7,12));//Fri Aug 12 2016 00:00:00 GMT+0800 (中國标準時間)
console.log(+new Date(2016,7,12));//1470931200000
console.log(typeof new Date(2016,7,12));//'object'
console.log(Date.UTC(2016,7,12));//1470960000000
console.log(typeof Date.UTC(2016,7,12));//'number'

　　[注意]使用參數類似于Date.parse()函數的方法時，如果日期對象超出範圍，浏覽器會自動将日期計算成範圍内的值；使用參數類似于Date.UTC()函數的方法時，如果日期對象超出範圍，浏覽器會提示Invalid Date

console.log(new Date(2016,7,32));//Thu Sep 01 2016 00:00:00 GMT+0800 (中國标準時間)
console.log(new Date(2016,8,1));//Thu Sep 01 2016 00:00:00 GMT+0800 (中國标準時間)
console.log(new Date('2016-8-32'));//Invalid Date
console.log(new Date('2016-9-1'));//Thu Sep 01 2016 00:00:00 GMT+0800 (中國标準時間)

執行個體方法

　　Date對象沒有可以直接讀寫的屬性，所有對日期和時間的通路都需要通過方法。Date對象的大多數方法分為兩種形式：一種是使用本地時間，一種是使用UTC時間，這些方法在下面一起列出。例如，get[UTC]Day()同時代表getDay()和getUTCDay()

　　Date對象一共有46個執行個體方法，可以分為以下3類：to類、get類、set類

【to類】

　　to類方法從Date對象傳回一個字元串，表示指定的時間

toString()

　　傳回本地時區的日期字元串

toUTCString()

　　傳回UTC時間的日期字元串

toISOString()

　　傳回Date對象的标準的日期時間字元串格式的字元串

toDateString()

　　傳回Date對象的日期部分的字元串

toTimeString()

　　傳回Date對象的時間部分的字元串

toJSON()

　　傳回一個符合JSON格式的日期字元串，與toISOString方法的傳回結果完全相同

console.log(new Date('2016-7-12').toString());//Tue Jul 12 2016 00:00:00 GMT+0800 (中國标準時間)
console.log(new Date('2016-7-12').toUTCString());//Mon, 11 Jul 2016 16:00:00 GMT
console.log(new Date('2016-7-12').toISOString());//2016-07-11T16:00:00.000Z
console.log(new Date('2016-7-12').toDateString());//Tue Jul 12 2016
console.log(new Date('2016-7-12').toTimeString());//00:00:00 GMT+0800 (中國标準時間)
console.log(new Date('2016-7-12').toJSON());//2016-07-11T16:00:00.000Z

toLocaleString()

　　toString()方法的本地化轉換

toLocaleTimeString()

　　toTimeString()方法的本地化轉換

toLocaleDateString()

　　toDateString()方法的本地化轉換

console.log(new Date('2016-7-12').toString());//Tue Jul 12 2016 00:00:00 GMT+0800 (中國标準時間)
console.log(new Date('2016-7-12').toLocaleString());//2016/7/12 上午12:00:00
console.log(new Date('2016-7-12').toDateString());//Tue Jul 12 2016
console.log(new Date('2016-7-12').toLocaleDateString());//2016/7/12
console.log(new Date('2016-7-12').toTimeString());//00:00:00 GMT+0800 (中國标準時間)
console.log(new Date('2016-7-12').toLocaleTimeString());//上午12:00:00

【get類】

　　Date對象提供了一系列get類方法，用來擷取執行個體對象某個方面的值

　　在介紹get類方法之前，首先要介紹valueOf()方法

valueOf()

　　傳回距離1970年1月1日0點的毫秒數

　　是以，可以友善地使用比較運算符來比較日期值

var date1 = new Date(2007,0,1);
var date2 = new Date(2007,1,1);
console.log(date1 > date2);//false
console.log(date1 < date2);//true

getTime()

　　傳回距離1970年1月1日0點的毫秒數，同valueOf()

　　在ECMAScript5之前，可以使用getTime()方法實作Date.now()

Date.now = function(){
        return (new Date()).getTime()
    }

getTimezoneOffset()

　　傳回目前時間與UTC的時區差異，以分鐘表示(8*60=480分鐘)，傳回結果考慮到了夏令時因素

console.log(new Date('2016-7-12').valueOf());//1468252800000
console.log(new Date('2016-7-12').getTime());//1468252800000
console.log(new Date('2016-7-12').getTimezoneOffset());//-480

getYear()

　　傳回距離1900年的年數(已過時)

get[UTC]FullYear()

　　傳回年份(4位數)

get[UTC]Month()

　　傳回月份(0-11)

get[UTC]Date()

　　傳回第幾天(1-31)

get[UTC]Day()

　　傳回星期幾(0-6)

get[UTC]Hours()

　　傳回小時值(0-23)

get[UTC]Minutes()

　　傳回分鐘值(0-59)

get[UTC]Seconds()

　　傳回秒值(0-59)

get[UTC]Milliseconds()

　　傳回毫秒值(0-999)

　　[注意]通過标準日期時間格式字元串，且有前置0的形式的參數設定，設定的是UTC時間

console.log(new Date('2016-07-12T10:00').getYear());//116
console.log(new Date('2016-07-12T10:00').getFullYear());//2016
console.log(new Date('2016-07-12T10:00').getUTCFullYear());//2016
console.log(new Date('2016-07-12T10:00').getMonth());//6
console.log(new Date('2016-07-12T10:00').getUTCMonth());//6
console.log(new Date('2016-07-12T10:00').getDate());//12
console.log(new Date('2016-07-12T10:00').getUTCDate());//12
console.log(new Date('2016-07-12T10:00').getDay());//2
console.log(new Date('2016-07-12T10:00').getUTCDay());//2
console.log(new Date('2016-07-12T10:00').getHours());//18
console.log(new Date('2016-07-12T10:00').getUTCHours());//10
console.log(new Date('2016-07-12T10:00').getMinutes());//0
console.log(new Date('2016-07-12T10:00').getUTCMinutes());//0
console.log(new Date('2016-07-12T10:00').getSeconds());//0
console.log(new Date('2016-07-12T10:00').getUTCSeconds());//0
console.log(new Date('2016-07-12T10:00').getMilliseconds());//0
console.log(new Date('2016-07-12T10:00').getUTCMilliseconds());//0

//目前時間為16:35
console.log(new Date().getHours());//16
console.log(new Date().getUTCHours());//8

【set類】

　　Date對象提供了一系列set類方法，用來設定執行個體對象的各個方面

　　set方法基本與get方法相對應，set方法傳入類似于Date.UTC()的參數，傳回調整後的日期的内部毫秒數

　　[注意]星期隻能擷取，不能設定

setTime()

　　使用毫秒的格式，設定一個Date對象的值

var d = new Date('2016-07-12T10:00');
console.log(d.setTime(86400000),d);//86400000 Fri Jan 02 1970 08:00:00 GMT+0800 (中國标準時間)

setYear()

　　設定年份(已過時)

var d = new Date('2016-07-12T10:00');
console.log(d.setYear(2000),d,d.getYear());//963396000000 Wed Jul 12 2000 18:00:00 GMT+0800 (中國标準時間) 100

set[UTC]FullYear()

　　設定年份(4位數)，以及可選的月份值和日期值

set[UTC]Month()

　　設定月份(0-11)，以及可選的日期值

set[UTC]Date()

　　設定第幾天(1-31)

var d = new Date('2016-07-12T10:00');
console.log(d.setFullYear(2015,1,1),d.getFullYear());//1422784800000 2015
console.log(d.setMonth(2),d.getMonth());//1425204000000 2
console.log(d.setDate(20),d.getDate());//1426845600000 20
console.log(d.toLocaleString());//2015/3/20 下午6:00:00

set[UTC]Hours()

　　設定小時值(0-23)，以及可選的分鐘值、秒值及毫秒值

set[UTC]Minutes()

　　設定分鐘值(0-59)，以及可選的秒值及毫秒值

set[UTC]Seconds()

　　設定秒值(0-59)，以及可選的毫秒值

set[UTC]Milliseconds()

　　設定毫秒值(0-999)

var d = new Date('2016-07-12T10:20:30');
console.log(d.setHours(1,2,3),d.getHours());//1468256523000 1
console.log(d.setMinutes(2,3),d.getMinutes());//1468256523000 2
console.log(d.setSeconds(3),d.getSeconds());//1468256523000 3
console.log(d.toLocaleTimeString())//上午1:02:03

var d = new Date('2016-07-12T10:20:30');
console.log(d.setUTCHours(1,2,3),d.getHours());//1468285323000  9
console.log(d.setUTCMinutes(2,3),d.getMinutes());//1468285323000  2
console.log(d.setUTCSeconds(3),d.getSeconds());//1468285323000  3
console.log(d.toLocaleTimeString())//上午9:02:03

筆記之javascript--06--Date

前面的話

靜态方法

執行個體方法

繼續閱讀

主流浏覽器四大綜合性能測試

JavaScript自學筆記【4】函數的聲明與調用目錄二、函數的聲明三、函數的調用

請求逾時VUE axios重新再次請求

nodejs微信開發---授權登入+擷取使用者資訊微信網頁授權

debian9更新4.9.0核心到4.19.2核心過程

Javascript建構Bingo卡片遊戲

JavaScript的那些坑之事件代理事件代理事件階段

javascript的for (var i in data)慎用javascript中的for (var i in data)謹慎用

tab滑鼠經過菜單切換

vue （vue2.0）使用總結(從大體結構總結)

vue搭建過程及出現問題

/\B(?=(?:\d{3})+$)/g 一條令人費解的正規表達式

适用于JavaScript的ECMAScript 2020規範向前發展

JS生成uuid的四種方法

layui多任務上傳添加進度條