input type="date" set a default value to date today

Question

How can I set an input type="date" value set to default value equals date today?

this is my HTML code, what's the best way to do it?

<div class="form-group col-6">
    <label for="inputEmail4">Start date</label>
        <input type="date" value="fsd" id="startdateId" class="form-control" required>
 </div>

this one line should wort => `document.getElementById('startdateId').valueAsDate = new Date();` — Always Helping, Sep 21 '20 at 06:37
You can simply try this ```document.getElementById('startdateId').value = new Date().toISOString().slice(0, 10)``` — Haseeb Zulfiqar, Sep 21 '20 at 06:42
If you are using jQuery then ```$('#startdateId').val(new Date().toISOString().slice(0, 10));``` — Haseeb Zulfiqar, Sep 21 '20 at 06:43
Hi Thank you! I have updated the code to then apply $("#startdateId").datepicker().datepicker("setDate", new Date()); — Jude Camp, Sep 21 '20 at 08:10

score 4 · Answer 1 · edited Sep 21 '20 at 06:34

4

try it

var date = new Date();
var day = date.getDate();
var month = date.getMonth() + 1;
var year = date.getFullYear();

if (month < 10) month = "0" + month;
if (day < 10) day = "0" + day;

var today = year + "-" + month + "-" + day;

document.getElementById("startdateId").value = today;

<div class="form-group col-6">
  <label for="inputEmail4">Start date</label>
  <input type="date" value="fsd" id="startdateId" class="form-control" required>
</div>

edited Sep 21 '20 at 06:34

joy08

9,004
8
38
73

answered Sep 21 '20 at 06:32

Dakshina

65
7

1

Please add explanation. What did you do. Why did you do it? – Rajesh Sep 21 '20 at 06:36
2

this one line should work => `document.getElementById('startdateId').valueAsDate = new Date();` – Always Helping Sep 21 '20 at 06:37

score 0 · Answer 2 · answered Sep 21 '20 at 06:36

0

Like any HTML input field, the browser will leave it empty unless a default value is specified with the value attribute.

Unfortunately, HTML5 doesn't provide a way of specifying 'today' in the value attribute. You need Javascript to do so.

document.getElementById('startdateId').value = new Date().toISOString().slice(0, 10);

<div class="form-group col-6">
  <label for="inputEmail4">Start date</label>
     <input type="date" value="fsd" id="startdateId" class="form-control" required>
</div>

answered Sep 21 '20 at 06:36

ANIK ISLAM SHOJIB

3,002
1
27
36

2

this one line should work => `document.getElementById('startdateId').valueAsDate = new Date();` – Always Helping Sep 21 '20 at 06:37
@AlwaysHelping my code also works its JS man thousand to ways to do the same things. – ANIK ISLAM SHOJIB Sep 21 '20 at 06:39
1

Nice effort - i did not said that your code does not work. Just added to show that that more simple then a slice and isoString. :) – Always Helping Sep 21 '20 at 06:45

input type="date" set a default value to date today

2 Answers2