天天看點

js日期對象的使用方式

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代表周一

執行個體:

  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>
           

效果圖:彈出目前時間。

js日期對象的使用方式

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

js日期對象的使用方式

繼續閱讀