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

HTML DOM Input Giá trị ngày giờ Thuộc tính

Thuộc tính giá trị ngày giờ đầu vào HTML DOM trả về một chuỗi, là giá trị của thuộc tính giá trị của ngày giờ đầu vào. 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ề
inputDatetimeObject.value
  • Đặt giá trị thuộc tính cho một giá trị chuỗi
inputDatetimeObject.value = ‘String’

Ví dụ

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

<!DOCTYPE html>
<html>
<head>
<title>Input Datetime Value</title>
</head>
<body>
<form>
<div>
Date & Time: <input type="datetime" id="datetimeSelect" value="2015-08-22T16:24Z">
</div>
</form>
<button onclick="changeValue()">Change Value</button>
<div id="divDisplay"></div>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputDatetime = document.getElementById("datetimeSelect");
   divDisplay.textContent = 'Current value: '+ inputDatetime.value;
   function changeValue(){
      var currDatetime = inputDatetime.value;
      inputDatetime.value = '2017-03-17T16:24Z';
      divDisplay.textContent = 'Updated value from: '+currDatetime+' to: '+ 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 ‘Thay đổi giá trị’ nút -

HTML DOM Input Giá trị ngày giờ Thuộc tính

Sau khi nhấp vào ‘Thay đổi giá trị’ nút -

HTML DOM Input Giá trị ngày giờ Thuộc tính