Question

html代码

<p id="value"></p>
Date to Travel <input type="date" id="date" name="date" />

javascript代码

它看起来干净的代码给我，不知道它的问题是什么

window.onload = function() {
    document.getElementById("date").addEventListener("keyup", keyisup, false);
}

function keyisup() {
    document.getElementById("value").innerHTML = date;
}

Answer 1

它显示[object HTMLInputElement]，因为你告诉它这样做。

document.getElementById("value").innerHTML = date;

在此代码中，您将innerHTML设置为date，但是您没有在任何地方定义它。所以会发生的是它需要全局值date，它将成为<input type="date" id="date" name="date" />的引用，因为如果它们具有id属性，则浏览器会将HTML元素公开为全局引用。

可能的解决方案可能是：

function keyisup(e) {
    document.getElementById("value").innerHTML = e.target.value; // or this.value
}

Answer 2

你试试

function keyisup()
{
    document.getElementById("value").innerHTML = $('#date').val();
}

如果您指的是带有ID日期的输入

Answer 3

我认为这会有用

document.getElementById("value").innerHTML = document.getElementById("date").value;

这是我自己发现错误的答案

感谢所有

对象HTMLInputElement它显示此错误

3 个答案: