JavaScript Date(日期)
日期物件用於處理日期和時間。
線上實例
#如何使用 Date() 方法取得當日的日期。
實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <script> var d=new Date(); document.write(d); </script> </body> </html>
運行實例»
點擊"運行實例" 按鈕查看線上實例
getFullYear()使用getFullYear() 取得年份。
實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p id="demo">点击按钮获取今年的年份。</p> <button onclick="myFunction()">点我</button> <script> function myFunction(){ var d = new Date(); var x = document.getElementById("demo"); x.innerHTML=d.getFullYear(); } </script> </body> </html>
運行實例»
點擊"運行實例" 按鈕查看線上實例
getTime()
getTime() 傳回從1970 年1 月1 日至今的毫秒數。
實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p id="demo">单击按钮显示1970年1月1号至今的毫秒数。</p> <button onclick="myFunction()">点我</button> <script> function myFunction(){ var d = new Date(); var x = document.getElementById("demo"); x.innerHTML=d.getTime(); } </script> </body> </html>
運行實例»
點擊"運行實例" 按鈕查看線上實例
setFullYear()
如何使用setFullYear() 設定具體的日期。
實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p id="demo">单击按钮显示修改后的年月日。</p> <button onclick="myFunction()">点我</button> <script> function myFunction(){ var d = new Date(); d.setFullYear(2020,10,3); var x = document.getElementById("demo"); x.innerHTML=d; } </script> <p>记住JavaScript月数是从0至11。10是11月。</p> </body> </html>
運行實例»
點擊"運行實例" 按鈕查看線上實例
toUTCString()
如何使用toUTCString() 將當日的日期(根據UTC)轉換為字串。
實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p id="demo">点击按钮把utc日期和时间转换成字符串。</p> <button onclick="myFunction()">点我</button> <script> function myFunction(){ var d = new Date(); var x = document.getElementById("demo"); x.innerHTML=d.toUTCString(); } </script> </body> </html>
運行實例»
點擊"運行實例" 按鈕查看線上實例
getDay()
如何使用getDay() 和陣列來顯示星期,而不僅僅是數字。
實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p id="demo">单击按钮显示今天周几</p> <button onclick="myFunction()">点我</button> <script> function myFunction(){ var d = new Date(); var weekday=new Array(7); weekday[0]="周日"; weekday[1]="周一"; weekday[2]="周二"; weekday[3]="周三"; weekday[4]="周四"; weekday[5]="周五"; weekday[6]="周六"; var x = document.getElementById("demo"); x.innerHTML=weekday[d.getDay()]; } </script> </body> </html>
運行實例»
點擊"運行實例" 按鈕查看線上實例
Display a clock
如何在網頁上顯示一個鐘錶。
實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script> function startTime(){ var today=new Date(); var h=today.getHours(); var m=today.getMinutes(); var s=today.getSeconds();// 在小于10的数字钱前加一个‘0’ m=checkTime(m); s=checkTime(s); document.getElementById('txt').innerHTML=h+":"+m+":"+s; t=setTimeout(function(){startTime()},500); } function checkTime(i){ if (i<10){ i="0" + i; } return i; } </script> </head> <body onload="startTime()"> <div id="txt"></div> </body> </html>
執行實例 »
點擊 "執行實例" 按鈕查看線上實例
完整的Date 物件參考手冊
我們提供JavaScript Date 對象參考手冊,其中包括所有可用於日期物件的屬性和方法。 JavaScript Date 物件參考手冊。
該手冊包含了對每個屬性和方法的詳細描述以及相關實例。
建立日期
Date 物件用於處理日期和時間。
可以透過 new 關鍵字來定義 Date 物件。以下程式碼定義了名為myDate 的Date 物件:
有四種方式初始化日期:
new Date() // 目前日期和時間
new Date(milliseconds ) //返回從 1970 年 1 月 1 日至今的毫秒數
new Date(dateString)
new Date(year, month, day, hours, minutes, seconds, month, #curs, minutes, seconds,#millionds)#millionds ##上面的參數大多都是可選的,在不指定的情況下,預設參數是0。
new Date(milliseconds ) //返回從 1970 年 1 月 1 日至今的毫秒數
new Date(dateString)
new Date(year, month, day, hours, minutes, seconds, month, #curs, minutes, seconds,#millionds)#millionds ##上面的參數大多都是可選的,在不指定的情況下,預設參數是0。
var d1 = new Date("October 13, 1975 11:13:00" )
var d2 = new Date(79,5,24)var d3 = new Date(79,5,24,11,33,0)
設定日期
透過使用針對日期物件的方法,我們可以輕鬆地對日期進行操作。
在下面的範例中,我們為日期物件設定了一個特定的日期(2010 年1 月14 日):
var myDate=new Date();myDate.setFullYear(2010,0,14);
在下面的範例中,我們將日期物件設為5 天後的日期:
#var myDate= new Date();
myDate.setDate(myDate.getDate()+5);
注意: 如果增加天數會改變月份或年份,那麼日期物件就會自動完成此轉換。
在下面的範例中,我們將日期物件設為5 天後的日期:
#var myDate= new Date();
myDate.setDate(myDate.getDate()+5);
注意: 如果增加天數會改變月份或年份,那麼日期物件就會自動完成此轉換。
兩個日期比較