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>

输出

单击 ‘考试日期是什么时候?’ 按钮之前 −

单击 ‘考试日期是什么时候?’ 按钮之后 −

更新日期:29-10-2019

73 次浏览

开启你的 职业生涯

完成课程获得认证

开始
广告
© . All rights reserved.