Javascript Form How to - Pre-populate date input field








Question

We would like to know how to pre-populate date input field.

Answer


<!DOCTYPE html>
<html>
<head>
<!-- ww w  .j a v a 2s . c om-->
</head>
<body>
  <input id='date' type='date' value='2009-11-11'>
<script type='text/javascript'>


    var date = new Date().toISOString().substring(0, 10),
        field = document.querySelector('#date');
    field.value = date;
    document.writeln(field.value);

</script>  
</body>
</html>

The code above is rendered as follows: