Đối tượng Time trong HTML DOM

Đối tượng Time trong HTML DOM đại diện cho phần tử <time>.

Tạo phần tử <time>

var timeObject = document.createElement("TIME")

Đối tượng "timeObject" có thể có thuộc tính sau:

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính 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>Thông báo: <strong>Sắp Có Kỳ Thi!</strong> <time id="TimeDateTimeSelect" dateTime="2019-05-23T12:45Z"></time> </label>
      <input type="button" onclick="getExamDate()" value="Ngày Thi Là Khi Nào?">
      <div id="divDisplay"></div>
    </fieldset>
  </form>
  <script>
    var divDisplay = document.getElementById("divDisplay");
    var TimeDateTimeSelect = document.getElementById("TimeDateTimeSelect");
    function getExamDate() {
      divDisplay.textContent = 'Ngày Thi: ' + TimeDateTimeSelect.dateTime;
    }
  </script>
</body>
</html>

Kết quả

Trước khi nhấn nút 'Ngày Thi Là Khi Nào?':

Sau khi nhấn nút 'Ngày Thi Là Khi Nào?':