一篇文章帶你了解JavaScript日期
日期對象允許您使用日期(年、月、日、小時、分鐘、秒和毫秒)。
一、JavaScript的日期格式
一個JavaScript日期可以寫為一個字符串:
- Thu Feb 02 2019 09:59:51 GMT+0800 (中國標準時間)
或者是一個數字:
- 1486000791164
寫數字的日期，指定的毫秒數自1970年1月1日00:00:00到現在。
1. 顯示日期
使用腳本來將日期顯示在一個id="demo"的<p>元素中：
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>項目</title>
- </head>
- <body style="background-color: aquamarine;">
- <p id="demo"></p>
- <script>
- document.getElementById("demo").innerHTML = Date();
- </script>
- </body>
- </html>
在下面的教程中，你將學到更多顯示日期的方法，用一種可讀的格式。
2. 創建日期對象
日期對象讓我們使用日期。
日期包括年、月、日、小時、分鐘、秒和毫秒。
可以使用 new Date()構造函數創建日期對象。
有4種初始化日期的方法:
語法：
- new Date()
- new Date(milliseconds)
- new Date(dateString)
- new Date(year, month, day, hours, minutes, seconds, milliseconds)
使用 new Date(), 使用當前日期和時間創建新的日期對象:
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>項目</title>
- </head>
- <body>
- <p id="demo"></p>
- <script>
- var d = new Date();
- document.getElementById("demo").innerHTML = d;
- </script>
- </body>
- </html>
使用 new Date(date string), 從指定的日期和時間創建新的日期對象:
- <script>
- var d = new Date("October 13, 2014 11:13:00");
- document.getElementById("demo").innerHTML = d;
- </script>
有效日期字符串(日期格式)
使用 new Date(number), 創建一個新的日期對象為零時間加上數字。
零時間 是1970年1月1日00:00:00 UTC，數字以毫秒為單位指定:
- <script>
- var d = new Date(86400000);
- document.getElementById("demo").innerHTML = d;
- </script>
代碼解析:
JavaScript 日期從1970年1月1日00:00:00開始計算的毫秒數。一天包含86,400,000毫秒。
使用 new Date(7 numbers), 創建具有指定日期和時間的新日期對象:
7 numbers 指定年、月、日、小時、分鐘、秒和毫秒, 按照順序排列:
- <script>
- var d = new Date(99, 5, 24, 11, 33, 30, 0);
- document.getElementById("demo").innerHTML = d;
- </script>
上面例子的變種讓我們忽略了最后4個參數中的任意一個:
- <script>
- var d = new Date(99, 5, 24);
- document.getElementById("demo").innerHTML = d;
- </script>
JavaScript 計數月是從0到11。一月是0。十二月是11。
二、日期的方法
當創建日期對象時，許多方法允許你在它上面操作。
日期的方法允許你獲取和設置對象的年，月，日，小時，分鐘，秒，毫秒，可以使用本地時間UTC(通用，或GMT)時間。
1. 顯示日期
toString()方法
當你在HTML中顯示一個日期對象，它會用tostring()方法，自動轉換成一個字符串.
- <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() 方法轉換日期為UTC字符串 (一個日期顯示標準).
- <script>
- d = new Date();
- document.getElementById("demo").innerHTML = d.toString();
- </script>
toDateString() 方法
toDateString() 方法將日期轉換為更可讀的格式:
- <script>
- var d = new Date();
- document.getElementById("demo").innerHTML = d.toDateString();
- </script>
日期對象是靜態的。計算機時間正在滴答作響，但日期對象，一旦創建，將不會變化。
三、總結
本文主要介紹了JavaScript基礎中日期的使用，通過從最基礎入手，一步步的擴展，用豐富的案例幫助大家更好理解。
希望大家可以根據文章的內容，積極嘗試，有時候看到別人實現起來很簡單，但是到自己動手實現的時候，總會有各種各樣的問題，切勿眼高手低，勤動手，才可以理解的更加深刻。
代碼很簡單，能夠方便大家更好理解，希望對大家的學習有幫助。
