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

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

Cú pháp

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

inputDatetimeLocalObject.disabled

Thiết lập giá trị

inputDatetimeLocalObject.disabled = booleanValue

Giá trị Boolean

Ví dụ minh họa

Kích hoạt trường datetime-local bị disable để thay đổi lịch thi:

<!DOCTYPE html>
<html>
<head>
<title>Input DatetimeLocal Disabled</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-disabled</legend>
    <label for="datetimeLocalSelect">Giờ thi: <input type="datetime-local" id="datetimeLocalSelect" value="2019-07-05T20:45" disabled> </label>
    <input type="button" onclick="enableDatetimeLocalInput()" value="Thay đổi ngày giờ thi">
    <div id="divDisplay"></div>
  </fieldset>
</form>
<script>
  var divDisplay = document.getElementById("divDisplay");
  var inputDatetimeLocal = document.getElementById("datetimeLocalSelect");
  divDisplay.textContent = 'DatetimeLocal Input disabled: ' + inputDatetimeLocal.disabled;
  function enableDatetimeLocalInput() {
    inputDatetimeLocal.disabled = false;
    divDisplay.textContent = 'DatetimeLocal Input disabled: ' + inputDatetimeLocal.disabled;
  }
</script>
</body>
</html>

Kết quả

Ban đầu trường bị xám (disabled = true). Sau khi nhấn nút, trường kích hoạt (disabled = false) cho phép chọn ngày giờ mới.