Thuộc tính type của HTML DOM Input DatetimeLocal

Thuộc tính type của đối tượng Input DatetimeLocal trả về hoặc thiết lập kiểu của trường input. Với <input type="datetime-local">, giá trị chuẩn là "datetime-local".

Cú pháp

Lấy giá trị (chuỗi)

inputDatetimeLocalObject.type

Thiết lập giá trị

inputDatetimeLocalObject.type = stringValue

Các giá trị chuỗi phổ biến

Ví dụ minh họa

Kiểm tra kiểu input để xác định vị trí sự kiện:

<!DOCTYPE html>
<html>
<head>
<title>Input DatetimeLocal type</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>Datetime-Local-type</legend>
    <label for="datetimeLocalSelect">Ngày giờ khai trương: <input type="datetime-local" id="datetimeLocalSelect" value="2020-01-01T10:00"> </label>
    <input type="button" onclick="getEvent()" value="Sự kiện ở đâu?">
    <div id="divDisplay"></div>
  </fieldset>
</form>
<script>
  var divDisplay = document.getElementById("divDisplay");
  var inputDatetimeLocal = document.getElementById("datetimeLocalSelect");
  function getEvent() {
    if(inputDatetimeLocal.type === 'datetime-local')
      divDisplay.textContent = 'Sự kiện khai trương gần bạn';
    else
      divDisplay.textContent = 'Sự kiện khai trương tại Ấn Độ';
  }
</script>
</body>
</html>

Kết quả

Nếu trình duyệt hỗ trợ datetime-local, type = "datetime-local" -> hiển thị "Sự kiện gần bạn". Ngược lại hiển thị thông báo khác.