从输入中获取日期并在javascript中仅打印日期答案

【问题标题】：Get date from input and print ony date in javascript从输入中获取日期并在javascript中仅打印日期
【发布时间】：2019-05-22 10:33:17
【问题描述】：

我正在尝试从输入中获取日期并仅打印日期，但我的代码有问题请帮我纠正它。

代码如下：

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>

【问题讨论】：

Javascript - get a date from an HTML input 的副本。
Javascript - get a date from an HTML input的可能重复

标签： javascript html

【解决方案1】：

您也可以使用jqueryui datepicker，因为并非所有浏览器都支持此日期字段

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)
});

&lt;input type="date" id="dateInput"&gt;

【讨论】：

【解决方案2】：

你需要添加一个事件监听器来监听输入变化的事件：

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>

见onchange Event - W3C School

【讨论】：