一篇文章帶你了解JavaScript日期
回復(fù)“前端”即可獲贈(zèng)前端相關(guān)學(xué)習(xí)資料
日期對(duì)象允許您使用日期（年、月、日、小時(shí)、分鐘、秒和毫秒）。
一、JavaScript的日期格式
一個(gè)JavaScript日期可以寫為一個(gè)字符串:
Thu Feb 02 2019 09:59:51 GMT+0800 (中國(guó)標(biāo)準(zhǔn)時(shí)間)或者是一個(gè)數(shù)字:
1486000791164寫數(shù)字的日期，指定的毫秒數(shù)自1970年1月1日00:00:00到現(xiàn)在。1. 顯示日期
使用腳本來將日期顯示在一個(gè)id="demo"的<p>元素中：
<html lang="en"><head><meta charset="UTF-8"><title>項(xiàng)目</title></head><body style="background-color: aquamarine;"><p id="demo"></p><script>document.getElementById("demo").innerHTML = Date();</script></body></html>
在下面的教程中，你將學(xué)到更多顯示日期的方法，用一種可讀的格式。
2. 創(chuàng)建日期對(duì)象
日期對(duì)象讓我們使用日期。
日期包括年、月、日、小時(shí)、分鐘、秒和毫秒。
可以使用 new Date()構(gòu)造函數(shù)創(chuàng)建日期對(duì)象。
有4種初始化日期的方法:
語(yǔ)法：
new Date()new Date(milliseconds)new Date(dateString)new Date(year, month, day, hours, minutes, seconds, milliseconds)
使用 new Date(), 使用當(dāng)前日期和時(shí)間創(chuàng)建新的日期對(duì)象:
<html lang="en"><head><meta charset="UTF-8"><title>項(xiàng)目</title></head><body><p id="demo"></p><script>var d = new Date();document.getElementById("demo").innerHTML = d;</script></body></html>
使用 new Date(date string), 從指定的日期和時(shí)間創(chuàng)建新的日期對(duì)象:
<script>var d = new Date("October 13, 2014 11:13:00");document.getElementById("demo").innerHTML = d;</script>
有效日期字符串（日期格式）
使用 new Date(number), 創(chuàng)建一個(gè)新的日期對(duì)象為零時(shí)間加上數(shù)字。
零時(shí)間 是1970年1月1日00:00:00 UTC，數(shù)字以毫秒為單位指定:
<script>var d = new Date(86400000);document.getElementById("demo").innerHTML = d;</script>
代碼解析:
JavaScript 日期從1970年1月1日00:00:00開始計(jì)算的毫秒數(shù)。一天包含86,400,000毫秒。
使用 new Date(7 numbers), 創(chuàng)建具有指定日期和時(shí)間的新日期對(duì)象:
7 numbers 指定年、月、日、小時(shí)、分鐘、秒和毫秒, 按照順序排列:
<script>var d = new Date(99, 5, 24, 11, 33, 30, 0);document.getElementById("demo").innerHTML = d;</script>
上面例子的變種讓我們忽略了最后4個(gè)參數(shù)中的任意一個(gè):
<script>var d = new Date(99, 5, 24);document.getElementById("demo").innerHTML = d;</script>
JavaScript 計(jì)數(shù)月是從0到11。一月是0。十二月是11。
二、日期的方法
當(dāng)創(chuàng)建日期對(duì)象時(shí)，許多方法允許你在它上面操作。
日期的方法允許你獲取和設(shè)置對(duì)象的年，月，日，小時(shí)，分鐘，秒，毫秒，可以使用本地時(shí)間UTC（通用，或GMT）時(shí)間。
1. 顯示日期
toString()方法
當(dāng)你在HTML中顯示一個(gè)日期對(duì)象，它會(huì)用tostring()方法，自動(dòng)轉(zhuǎn)換成一個(gè)字符串.
<p id="demo"></p><script>d = new Date();document.getElementById("demo").innerHTML = d;</script>和下面的相同<p id="demo"></p><script>d = new Date();document.getElementById("demo").innerHTML = d.toString();</script>
toUTCString()方法
toUTCString() 方法轉(zhuǎn)換日期為UTC字符串 (一個(gè)日期顯示標(biāo)準(zhǔn)).
<script>d = new Date();document.getElementById("demo").innerHTML = d.toString();</script>
toDateString() 方法
toDateString() 方法將日期轉(zhuǎn)換為更可讀的格式:
<script>var d = new Date();document.getElementById("demo").innerHTML = d.toDateString();</script>
日期對(duì)象是靜態(tài)的。計(jì)算機(jī)時(shí)間正在滴答作響，但日期對(duì)象，一旦創(chuàng)建，將不會(huì)變化。
三、總結(jié)
本文主要介紹了JavaScript基礎(chǔ)中日期的使用，通過從最基礎(chǔ)入手，一步步的擴(kuò)展，用豐富的案例幫助大家更好理解。
希望大家可以根據(jù)文章的內(nèi)容，積極嘗試，有時(shí)候看到別人實(shí)現(xiàn)起來很簡(jiǎn)單，但是到自己動(dòng)手實(shí)現(xiàn)的時(shí)候，總會(huì)有各種各樣的問題，切勿眼高手低，勤動(dòng)手，才可以理解的更加深刻。
代碼很簡(jiǎn)單，能夠方便大家更好理解，希望對(duì)大家的學(xué)習(xí)有幫助。
------------------- End -------------------
往期精彩文章推薦：
歡迎大家點(diǎn)贊，留言，轉(zhuǎn)發(fā)，轉(zhuǎn)載，感謝大家的相伴與支持
想加入前端學(xué)習(xí)群請(qǐng)?jiān)诤笈_(tái)回復(fù)【入群】
萬(wàn)水千山總是情，點(diǎn)個(gè)【在看】行不行