HTMLDOM時刻dateTimeプロパティ
HTML DOM Time dateTimeプロパティは、time要素のdatetime属性を返す/設定します。
以下は構文です-
文字列値を返す
timeObject.dateTime
dateTimeの設定 文字列値に
timeObject.dateTime = YYYY-MM-DDThh:mm:ssTZD
ここでは、「 YYYY-MM-DDThh：mm：ssTZD 」は次のようになります-
| stringValue | 詳細 |
|---|---|
| YYYY | 年を定義します（例：1998） |
| MM | 月を定義します（例：5月は05） |
| DD | 日を定義します（例：24） |
| T | |
| hh | 時間を定義します（例：12） |
| mm | 分を定義します（例：48） |
| ss | 秒を定義します（例：00） |
| TZD | タイムゾーン指定子（ISTはインド標準時を示します） |
時間の例を見てみましょう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> 出力
「試験日は？」をクリックする前に ボタン-
「試験日は？」をクリックした後 ボタン-
-
HTML DOMdeldateTimeプロパティ
HTML要素に関連付けられたHTMLDOMdel dateTimeプロパティは、Webサイト上の一部のテキストが削除されたことをユーザーに通知するために使用されます。テキストが削除された日時を示します。 構文 以下は、-の構文です。 dateTimeプロパティの設定- delObject.dateTime = YYYY -MM-DDThh:mm:ssTZD ここで、YYYY =年、MM =月、DD =日、T =区切り文字またはスペース、hh =時間、mm =分、ss =秒、TZD=タイムゾーン指定子 例 deldateTimeプロパティの例を見てみましょう- <!DOCTYPE
-
HTMLDOM時間オブジェクト
HTMLのHTMLDOMTime Objectは、要素を表します。 を作成する 要素 var timeObject = document.createElement(“TIME”) ここでは、「timeObject 」は次のプロパティを持つことができます- プロパティ 説明 dateTime 要素のdateTime属性の値を設定/返します Time dateTimeの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>