程式語言教學誌 FB, YouTube: PYDOING: JavaScript 快速導覽

Date 物件 (object) 也就是處理時間與日期的物件，建立物件可以利用建構子函數 (constructor function) ，例如

var dtest = new Date([value]);

建構子函數可有以下數種參數 (parameter) ，沒有提供參數的話，就是直接抓取電腦現在時間

var dtest = new Date();
var dtest = new Date(ms);         // ms-毫秒
var dtest = new Date(DateString); // DateString-日期格式字串
var dtest = new Date(y, m, d, h, m, s, ms);
// y-年; m-月; d-天; h-時; m-分; s-秒; ms-毫秒

日期格式字串例如 "October 13, 1988 11:22:33" ，表示 10 月 13 日， 1988 年， 11 點 22 分 33 秒，此格式字串中缺任何一項都無效。此外，月份可用縮寫，例如 October 可用 Oct 代替。

另有以下常見的方法 (method)

方法	描述
toString()	回傳物件的字串形式
toDateString()	回傳物件的日期字串
toTimeString()	回傳物件的現在時間字串
toLocaleString()	回傳物件的當地年月等時間字串
toLocaleDateString()	回傳物件的當地日期字串
toLocaleTimeString()	回傳物件的當地現在時間字串
toUTCString()	回傳物件的 UTC 時間字串
valueOf()	回傳毫秒值
Date.parse(string)	將時間字串解析為毫秒值
Date.UTC(year, month [, date [, hours [, minutes [, seconds [, ms]]]]])	將時間轉換為毫秒值
getTime()	回傳毫秒值
getFullYear()	回傳年份
getUTCFullYear()	回傳 UTC 年份
getMonth()	回傳月份
getUTCMonth()	回傳 UTC 月份
getDate()	回傳日期
getUTCDate()	回傳 UTC 日期
getDay()	回傳星期幾
getUTCDay()	回傳 UTC 星期幾
getHours()	回傳時
getUTCHours()	回傳 UTC 時
getMinutes()	回傳分
getUTCMinutes()	回傳 UTC 分
getSeconds()	回傳秒
getUTCSeconds()	回傳 UTC 秒
getMilliseconds()	回傳毫秒
getUTCMilliseconds()	回傳 UTC 毫秒
getTimezoneOffset()	回傳與 UTC 的時差
setTime(ms)	設定自 1970 年 1 月 1 日後的時間，參數單位為毫秒
setMilliseconds(ms)	設定自目前而後的時間，參數單位為毫秒
setUTCMilliseconds(ms)	設定自 UTC 目前而後的時間，參數單位為毫秒
setSeconds(sec [, ms])	設定自目前而後的時間，參數單位為秒
setUTCSeconds(sec [, ms])	設定自 UTC 目前而後的時間，參數單位為秒
setMinutes(min [, sec [, ms]])	設定自目前而後的時間，參數單位為分
setUTCMinutes(min [, sec [, ms]])	設定自 UTC 目前而後的時間，參數單位為分
setHours(hour [, min [, sec [, ms]]])	設定自目前而後的時間，參數單位為時
setUTCHours(hour [, min [, sec [, ms]]])	設定自 UTC 目前而後的時間，參數單位為時
setDate(date)	設定自目前而後的時間，參數單位為天
setUTCDate(date)	設定自 UTC 目前而後的時間，參數單位為天
setMonth(month [, date])	設定自目前而後的時間，參數單位為月
setUTCMonth(month [, date])	設定自 UTC 目前而後的時間，參數單位為月
setFullYear(year [, month [, date]])	設定年份
setUTCFullYear(year [, month [, date]])	設定 UTC 的年份

舉例示範如下

function run() {
    var c = document.getElementById("content");
    var n1 = document.createElement("p"); 
    var n2 = document.createElement("p"); 
    var n3 = document.createElement("p"); 
    var n4 = document.createElement("p");
    var n5 = document.createElement("p");
    var n6 = document.createElement("p");
    var n7 = document.createElement("p");
    var n8 = document.createElement("p");
    
    var t1 = new Date(0);
    var t2 = new Date("October 13, 1988 11:22:33");
    var t3 = new Date("Feb 1, 2001 20:08:32");
    var t4 = new Date("February 1 2001 20:08:32");
    var t5 = new Date();
    var t6 = new Date(99, 0, 15, 12, 45, 22);
    var t7 = new Date(NaN);
    var t8 = new Date("33");
    
    n1.appendChild(document.createTextNode(t1));
    c.appendChild(n1);
    n2.appendChild(document.createTextNode(t2));
    c.appendChild(n2);
    n3.appendChild(document.createTextNode(t3));
    c.appendChild(n3);
    n4.appendChild(document.createTextNode(t4));
    c.appendChild(n4);
    n5.appendChild(document.createTextNode(t5));
    c.appendChild(n5);
    n6.appendChild(document.createTextNode(t6));
    c.appendChild(n6);
    n7.appendChild(document.createTextNode(t7));
    c.appendChild(n7);
    n8.appendChild(document.createTextNode(t8));
    c.appendChild(n8);
}


/* 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名：date01.js
     功能：示範 JavaScript 程式 
     作者：張凱慶
     時間：西元 2010 年 11 月 */

利用以下的 HTML 文件開啟

<html>

<head>
<title>JavaScript Demo</title>
<script src="date01.js" type="text/javascript"></script>
</head>

<body>
<input id="b" type="button" value="RUN" onclick="run();">
<div id="content"></div>
</body>

</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名：date01.html
     功能：示範 JavaScript 程式 
     作者：張凱慶
     時間：西元 2010 年 11 月 -->

執行結果如下