JS日期對象的建立和使用方式
- var oDate = new Date(); //建立日期對象
- oDate.getFullyear(); //年
- oDate.getMonth() + 1; //月份的格式是0-11 是以顯示的時候我們要+1
- oDate.getDate(); //日
- oDate.getHours(); //時
- oDate.getMinutes(); //分
- oDate.getSeconds(); //秒
- oDate.getDay(); // 星期 他傳回的是0-6的數字 0代表周日 以此類推 1代表周一
執行個體:
- Date對象的建立以及簡單的使用。
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
// 點選按鈕後調用 SelTime() 方法 建立Date對象
function SelTime(){
var oDate = new Date();
// 使用Date對象名.方法名設定顯示格式
var time = oDate.getHours() + "時" + oDate.getMinutes() + "分" + oDate.getSeconds() + "秒";
// 顯示時間
alert(time);
}
</script>
</head>
<body>
<input type="button" value="檢視時間" onclick="SelTime()" />
</body>
</html>
效果圖:彈出目前時間。
3. Date 輸出樣式的控制。
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
// 點選按鈕後調用 SelTime() 方法 建立Date對象
function SelTime(){
var oDate = new Date();
// 使用Date對象名.方法名設定顯示格式
var time = toDate(oDate.getHours()) + "時" + toDate(oDate.getMinutes()) + "分" + toDate(oDate.getSeconds()) + "秒";
// 顯示時間
alert(time);
}
function toDate(len) //這個方法用于判斷是否是兩位數 不是的話在前面補個0
{
if(len < 10)
{
return '0' + len;
}else{
return '' + len;
}
}
</script>
</head>
<body>
<input type="button" value="檢視時間" onclick="SelTime()" />
</body>
</html>
效果圖:加上這個方法後實作了自動補0的效果。