Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Thuộc tính dateTime của Time trong HTML DOM

Thuộc tính dateTime của Time trong HTML DOM trả về hoặc thiết lập thuộc tính datetime của phần tử time.

Cú pháp

Lấy giá trị chuỗi:

timeObject.dateTime

Thiết lập dateTime thành giá trị chuỗi:

timeObject.dateTime = YYYY-MM-DDThh:mm:ssTZD

Trong đó "YYYY-MM-DDThh:mm:ssTZD" bao gồm:

Giá trị Chi tiết
YYYY Năm (ví dụ: 1998)
MM Tháng (ví dụ: 05 cho tháng Năm)
DD Ngày (ví dụ: 24)
T Phân tách giữa ngày và giờ
hh Giờ (ví dụ: 12)
mm Phút (ví dụ: 48)
ss Giây (ví dụ: 00)
TZD Chỉ định múi giờ (IST biểu thị giờ tiêu chuẩn Ấn Độ)

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?':

Thuộc tính dateTime của Time trong HTML DOM

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

Thuộc tính dateTime của Time trong HTML DOM