Display Current Date in input[type=“date”] after Add new Row button is clicked

Question

having this as intial code

<input type="date" class="closed_road_permit_expiry_date" min="2000-01-01" max="9999-01-31" name="closed_road_permit_expiry_date[]" value="value="2000-01-31" />

i tried doing this

<input type="date" class="closed_road_permit_expiry_date" min="2000-01-01" max="9999-01-31" name="closed_road_permit_expiry_date[]" id="currentDate" value=getCurrentDate()/>

  function getCurrentDate() {
        document.getElementById("currentDate").valueAsDate = new Date()
    }

Possible duplicate of [HTML5 Input Type Date -- Default Value to Today?](http://stackoverflow.com/questions/6982692/html5-input-type-date-default-value-to-today) — A. L, May 09 '17 at 07:03

score 1 · Answer 1 · answered May 09 '17 at 06:58

1

run getCurrentDate() function on window.onload not with value of the input

function getCurrentDate() {
  document.getElementById("currentDate").valueAsDate = new Date()
}
window.onload = function() {
  getCurrentDate()
}

<input type="date" class="closed_road_permit_expiry_date" min="2000-01-01" max="9999-01-31" name="closed_road_permit_expiry_date[]" id="currentDate" />

answered May 09 '17 at 06:58

prasanth

22,145
4
29
53

it should work when I click add row button, then a new row for input including the date should show – rickyProgrammer May 09 '17 at 08:08
it's result is mm/dd/yyyy – rickyProgrammer May 09 '17 at 08:10

score 1 · Accepted Answer · answered May 09 '17 at 07:01

1

You cna run an IIFE to populate the field with the current data

(function getCurrentDate() {
  return document.getElementById('currentDate').valueAsDate = new Date();

}())

<input type="date" class="closed_road_permit_expiry_date" min="2000-01-01" max="9999-01-31" name="closed_road_permit_expiry_date[]" id="currentDate" />

answered May 09 '17 at 07:01

brk

48,835
10
56
78

it's result is mm/dd/yyyy – rickyProgrammer May 09 '17 at 08:10

score 0 · Answer 3 · answered May 09 '17 at 07:06

Try this:

    function getCurrentDate() {
       var date = new Date();
       var day = date.getDate();
       var month = date.getMonth() + 1;
       var year = date.getFullYear();
       var datestr = day + "/" + month + "/" + year;
       document.getElementById("currentDate").value = datestr;
    }

    $(document).ready(function(){
       getCurrentDate();
    });

Display Current Date in input[type=“date”] after Add new Row button is clicked

3 Answers3