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>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>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">