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