Get date from input and print ony date in javascript

Question

I am trying to get date from input and print only date on but something is wrong with my code Please help me to rectify it.

Here is the code:

var input = document.getElementById("dateInput").value; 
var d = new Date(input);
document.getElementById("demo").innerHTML = d.getDate();

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript get Date</h2>
<input type="date" id="dateInput" />

<p>The Date is:</p>

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

Duplicate of [Javascript - get a date from an HTML input](https://stackoverflow.com/questions/33659508/javascript-get-a-date-from-an-html-input). — Tedinoz, Dec 22 '18 at 06:41
Possible duplicate of [Javascript - get a date from an HTML input](https://stackoverflow.com/questions/33659508/javascript-get-a-date-from-an-html-input) — Tedinoz, Dec 22 '18 at 06:42

score 0 · Answer 1 · answered Dec 22 '18 at 06:26

You can use also jqueryui datepicker as this date field won't support across all browsers

document.getElementById("dateInput").addEventListener("change", function() {
    var input = this.value;
    var dateEntered = new Date(input);
    console.log(input); 
    console.log(dateEntered); // GMT+0000 (GMT Standard Time)
});

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

Calos · Accepted Answer · 2018-12-22T06:37:23.050

You need add an event listener to listen event of input change:

document.getElementById("dateInput").onchange = function(){
    var input = this.value; 
    var d = new Date(input);
    document.getElementById("demo").innerHTML = d.getDate();
};

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript get Date</h2>
<input type="date" id="dateInput" />

<p>The Date is:</p>

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

See onchange Event - W3C School

Get date from input and print ony date in javascript

2 Answers2