JavaScript Date（日期）
日期對象用于處理日期和時間。
在線實例
如何使用 Date() 方法獲得當日的日期。
實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(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中文網(wǎng)(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 日至今的毫秒數(shù)。
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p id="demo">單擊按鈕顯示1970年1月1號至今的毫秒數(shù)。</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中文網(wǎng)(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月數(shù)是從0至11。10是11月。</p>
</body>
</html>運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
toUTCString()
如何使用 toUTCString() 將當日的日期（根據(jù) UTC）轉(zhuǎn)換為字符串。
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p id="demo">點擊按鈕把utc日期和時間轉(zhuǎn)換成字符串。</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() 和數(shù)組來顯示星期，而不僅僅是數(shù)字。
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(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
如何在網(wǎng)頁上顯示一個鐘表。
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<script>
function startTime(){
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();// 在小于10的數(shù)字錢前加一個‘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 對象參考手冊。
該手冊包含了對每個屬性和方法的詳細描述以及相關(guān)實例。
創(chuàng)建日期
Date 對象用于處理日期和時間。
可以通過 new 關(guān)鍵詞來定義 Date 對象。以下代碼定義了名為 myDate 的 Date 對象：
有四種方式初始化日期:
new Date(milliseconds) //返回從 1970 年 1 月 1 日至今的毫秒數(shù)
new Date(dateString)
new Date(year, month, day, hours, minutes, seconds, milliseconds)
上面的參數(shù)大多數(shù)都是可選的，在不指定的情況下，默認參數(shù)是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)
設置日期
通過使用針對日期對象的方法，我們可以很容易地對日期進行操作。
在下面的例子中，我們?yōu)槿掌趯ο笤O置了一個特定的日期 (2010 年 1 月 14 日)：
myDate.setFullYear(2010,0,14);
在下面的例子中，我們將日期對象設置為 5 天后的日期：
myDate.setDate(myDate.getDate()+5);
注意: 如果增加天數(shù)會改變月份或者年份，那么日期對象會自動完成這種轉(zhuǎn)換。
兩個日期比較
日期對象也可用于比較兩個日期。
下面的代碼將當前日期與 2100 年 1 月 14 日做了比較：
x.setFullYear(2100,0,14);
var today = new Date();
if (x>today)
{
alert("今天是2100年1月14日之前");
}
else
{
alert("今天是2100年1月14日之后");
}