Input type date property defaultValue in Javascript

The Input type date property defaultValue used to set and retrieve the default value of a date field. It returns a string that represents the default date value of an element.

Syntax

 1 <input>.defaultValue // to retrieve
 2 <input>.defaultValue = <value> // to set

input : A input type date element object to set and retrieve defaultValue property

value : It specifies the default value of an element

Input date property defaultValue

 1 <!DOCTYPE html>
 2 <html>
 3 <style>
 4   .container {
 5     margin: 20px 0;
 6   }
 7 </style>
 8 <body>
 9 	<h1>The Input date Object</h1>
 10 	<h2>Example</h2>
 11 	
 12 	<div class="container">
 13 	  <input type="date" id="date" />
 14 	</div>
 15 	<div>
 16 	  <button onclick="setValue('2024-05-20')">2024-05-20</button>
 17 	  <button onclick="setValue('2024-07-29')">2024-07-29</button>
 18 	  <button onclick="setValue('2024-09-19')">2024-09-19</button>
 19 	</div>
 20 	<button onclick="access()">Access</button>
 21 	<p id="result"></p>
 22 	<script>
 23 	function access() {
 24 	  const element = document.getElementById("date");
 25 	  const str = `The default value is : <b>${element.defaultValue}</b>`;
 26 	  document.getElementById("result").innerHTML = str;
 27 	}
 28 	function setValue(value) {
 29 	  const element = document.getElementById("date");
 30 	  element.defaultValue = value;
 31 	}
 32 	</script>
 33 </body>
 34 </html>