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

HTML DOM Input DatetimeLocal value Thuộc tính

Thuộc tính giá trị DatetimeLocal của đầu vào HTML DOM trả về một chuỗi, là giá trị của thuộc tính giá trị của đầu vào datetimeLocal. Người dùng cũng có thể đặt nó thành một chuỗi mới.

Cú pháp

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

  • Giá trị chuỗi trả về
inputDatetimeLocalObject.value
  • Đặt thuộc tính giá trị thành chuỗi giá trị
inputDatetimeLocalObject.value = ‘String’

Ví dụ

Hãy để chúng tôi xem một ví dụ về Nhập giá trị DatetimeLocal tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Input DatetimeLocal value</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-value</legend>
<label for="datetimeLocalSelect">Examination Date-Time :
<input type="datetime-local" id="datetimeLocalSelect" value="2022-10-29T09:30">
</label>
<input type="button" onclick="updateValue()" value="Not Ready For Examination">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputDatetimeLocal = document.getElementById("datetimeLocalSelect");
   function updateValue() {
      inputDatetimeLocal.value = '2022-11-02T09:30';
      divDisplay.textContent = 'New Examination Date: '+(inputDatetimeLocal.value).split('T')[0];
   }
</script>
</body>
</html>

Đầu ra

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

Trước khi nhấp vào ‘Chưa sẵn sàng để kiểm tra’ nút -

HTML DOM Input DatetimeLocal value Thuộc tính

Sau khi nhấp vào ‘Chưa sẵn sàng để kiểm tra’ nút -

HTML DOM Input DatetimeLocal value Thuộc tính