Question

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

代码如下：

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>

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

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

Answer 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

从输入中获取日期并在JavaScript中打印日期

2 个答案: