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的效果。