HTML DOM 時間 dateTime 屬性
HTML DOM Time dateTime 屬性返回/設定 time 元素的 datetime 屬性。
以下是語法 −
返回字串值
timeObject.dateTime
將 dateTime 設定為字串值
timeObject.dateTime = YYYY-MM-DDThh:mm:ssTZD
在這裡,YYYY-MM-DDThh:mm:ssTZD 表示以下內容 −
| 字串值 | 詳細資訊 |
|---|---|
| YYYY | 定義年份(例如:1998) |
| MM | 定義月份(例如:05 表示五月) |
| DD | 定義天數(例如:24) |
| T | 用於分隔日期和時間 |
| hh | 定義小時(例如:12) |
| mm | 定義分鐘(例如:48) |
| ss | 定義秒數(例如:00) |
| TZD | 時區識別符號(IST 表示印度標準時間) |
讓我們看一個 Time dateTime 屬性的示例 −
示例
<!DOCTYPE html>
<html>
<head>
<title>Time dateTime</title>
<style>
form {
width:70%;
margin: 0 auto;
text-align: center;
}
* {
padding: 2px;
margin:5px;
}
input[type="button"] {
border-radius: 10px;
}
</style>
</head>
<body>
<form>
<fieldset>
<legend>Time-dateTime</legend>
<label>Notification : <strong>Examination Incoming!</strong>
<time id="TimeDateTimeSelect" dateTime="2019-05-23T12:45Z">
</label>
<input type="button" onclick="getExamDate()" value="What's the Exam Date?">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var TimeDateTimeSelect = document.getElementById("TimeDateTimeSelect");
function getExamDate() {
divDisplay.textContent = 'Examination Date: '+TimeDateTimeSelect.dateTime;
}
</script>
</body>
</html>輸出
單擊 ‘考試日期是什麼時候?’ 按鈕之前 −

單擊 ‘考試日期是什麼時候?’ 按鈕之後 −

廣告
資料結構
網路連線
關係型資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP