how to display the current date in input field in html?

Question

function addDate(){
    date = new Date();
    var month = date.getMonth()+1;
    var day = date.getDate();
    var year = date.getFullYear();
    
    if (document.getElementById('date').value == ''){
        document.getElementById('date').value = day + '-' + month + '-' + year;
    }
}

<body onload="addDate();">
        <input type="date" id="date"/>
</body>

it work fine when i change type="text" of input filed ... but when i change type="date" it does not work.....

i want to display current date in type of date

thanks

score 0 · Answer 1 · answered Jun 11 '18 at 17:10

0

<input type="date" id="yourDatePicker" > 


document.getElementById("yourDatePicker").valueAsDate = new Date()

answered Jun 11 '18 at 17:10

Saurabh Yadav

3,303
1
10
20

Thanks.....it works – Ali Jun 11 '18 at 17:16
it is displaying today 12 june....at this time in Pakistan it is 11th june.....how to fix according to country – Ali Jun 11 '18 at 17:19

how to display the current date in input field in html?

1 Answers1