Computer >> Máy Tính >  >> Lập trình >> HTML

HTML DOM Input Datetime readOnly Thuộc tính

Thuộc tính Ngày giờ đầu vào DOM HTML readOnly đặt / trả về liệu Ngày giờ đầu vào có thể được sửa đổi hay không.

Sau đây là cú pháp -

  • Trả về giá trị boolean - true / false
inputDatetimeObject.readOnly
  • Cài đặt readOnly sang booleanValue
inputDatetimeObject.readOnly = booleanValue

Giá trị Boolean

Đây, “booleanValue” có thể như sau -

booleanValue Chi tiết
true Nó xác định rằng ngày giờ đầu vào là readOnly.
false Nó xác định rằng ngày giờ đầu vào không phải là readOnly và có thể được sửa đổi.

Hãy để chúng tôi xem một ví dụ về Ngày giờ nhập liệu chỉ đọc tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Input Datetime readOnly</title>
</head>
<body>
<form>
Final Exam Datetime: <input type="datetime" id="datetimeSelect" value="2023-08-24T10:30Z">
</form>
<button onclick="finalizeDatetime()">Confirm Datetime</button>
<div id="divDisplay"></div>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputDatetime = document.getElementById("datetimeSelect");
   divDisplay.textContent = 'Exam Datetime Finalized: '+inputDatetime.readOnly;
   function finalizeDatetime() {
      inputDatetime.readOnly = true;
      divDisplay.textContent = 'Exam Datetime: '+inputDatetime.value;
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Trước khi nhấp vào ‘Xác nhận ngày giờ’ nút -

HTML DOM Input Datetime readOnly Thuộc tính

Sau khi nhấp vào ‘Xác nhận ngày giờ’ nút -

HTML DOM Input Datetime readOnly Thuộc tính