Thuộc tính disabled của HTML DOM Input Datetime

Thuộc tính disabled của đối tượng Input Datetime xác định xem trường ngày giờ có bị vô hiệu hóa (không tương tác được) hay không.

Cú pháp

Lấy giá trị (true/false)

inputDatetimeObject.disabled

Thiết lập giá trị

inputDatetimeObject.disabled = booleanValue

Giá trị Boolean

Giá trị	Mô tả
true	Trường datetime bị vô hiệu hóa (mờ, không nhập được, không gửi giá trị khi submit).
false	Mặc định: trường datetime hoạt động bình thường.

Ví dụ minh họa

Bật trường datetime bị disable ban đầu:

<!DOCTYPE html>
<html>
<head>
<title>Input Datetime Disabled</title>
</head>
<body>
<form>
  Ngày & Giờ: <input type="datetime" id="datetimeSelect" value="1998-04-09T12:48IST" disabled>
</form>
<button onclick="enableDatetimeInput()">Kích hoạt datetime</button>
<div id="divDisplay"></div>
<script>
  var divDisplay = document.getElementById("divDisplay");
  var inputDatetime = document.getElementById("datetimeSelect");
  divDisplay.textContent = 'Datetime Input disabled: ' + inputDatetime.disabled;
  function enableDatetimeInput() {
    inputDatetime.disabled = false;
    divDisplay.textContent = 'Datetime Input disabled: ' + inputDatetime.disabled;
  }
</script>
</body>
</html>

Kết quả

Ban đầu trường bị xám (disabled = true). Sau khi nhấn nút, trường trở nên hoạt động (disabled = false).