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

HTML DOM Input Giá trị ngày thuộc tính

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

Ví dụ

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

<!DOCTYPE html>
<html>
<head>
<title>Input Date Value</title>
</head>
<body>
<form>
<div>
Calendar: <input type="date" id="dateSelect" value="2015-08-22">
</div>
</form>
<button onclick="changeValue()">Change Value</button>
<div id="divDisplay"></div>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputDate = document.getElementById("dateSelect");
   divDisplay.textContent = 'Current value: '+ inputDate.value;
   function changeValue(){
      var currDate = inputDate.value;
      inputDate.value = '1968-02-27';
      divDisplay.textContent = 'Updated value from: '+currDate+' to: '+ inputDate.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 thuộc tính

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

HTML DOM Input Giá trị ngày thuộc tính