Input Date defaultValue Property - Javascript DOM HTML Element

Javascript examples for DOM HTML Element:Input Date

  1. HOME
  2. Javascript
  3. DOM HTML Element
  4. Input Date

Description

The defaultValue property sets or gets the default value of a date field, which is the value specified in the HTML value attribute.

You can use defaultValue property to find out whether the date field have been changed.

Set the defaultValue property with the following Values

Value Description
value Sets the default value of the date field

Return Value

A String, representing the default value of the date field

The following code shows how to change the default value of a date field:

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<body>

<input type="date" id="myDate" value="2000-05-05">

<button type="button" onclick="myFunction()">Test</button>

<p id="demo"></p>

<script>
function myFunction() {//from   ww  w .  ja v  a2 s. c  o  m
    var x = document.getElementById("myDate");
    var defaultVal = x.defaultValue;
    var currentVal = x.value;

    if (defaultVal == currentVal) {
        document.getElementById("demo").innerHTML = "Default value and current value is the same: " + x.defaultValue + " and " + x.value ;
    } else {
        document.getElementById("demo").innerHTML = "The default value was: " + defaultVal + "<br>current value is: " + currentVal;
    }
}
</script>

</body>
</html>

Related Tutorials