任何人都可以帮助我了解 JS 的 Date 方法吗？

Question

这是我的 HTML 正文部分。我在按钮上使用 onClick 方法。在这里，我想要两天的总持续时间。我的代码无效。

    <input type="date" id="d1">
    <input type="date" id="d2">
    <button onClick="calCulateDays">Get Difference</button>
    <p id="output">Hi</p>

这是脚本部分

    function calCulateDays() {
        var d1 = document.getElementById("#d1").value;
        var d2 = document.getElementById("#d2").value;
        const dateOne = new Date(d1);
        const dateTwo = new Date(d2);
        const time = Math.abs(dateTwo - dateOne);
        const days = Math.ceil(time / (1000 * 60 * 60 * 24));
        document.getElementById("#output").innerHTML = days;
    }

Answer 1

document.getElementById() 只需要没有“#”的 ID，正如@Barmer 所说，你称它为 'calCulateDays' 而不是 'calculateDays' 很奇怪，这就是我调整它的原因：

function calculateDays() {

    // Note i changed 'getElementById("#d1")' to 'getElementById("d1")'

    var d1 = document.getElementById("d1").value;
    var d2 = document.getElementById("d2").value;
    const dateOne = new Date(d1);
    const dateTwo = new Date(d2);
    const time = Math.abs(dateTwo - dateOne);
    const days = Math.ceil(time / (1000 * 60 * 60 * 24));

    // same here remove the '#'
    document.getElementById("output").innerHTML = days;

}

这是HTML:

<input type="date" id="d1">
<input type="date" id="d2">

// added () to the function name
<button onClick="calculateDays()">Get Difference</button>
<p id="output">Hi</p>

任何人都可以帮助我了解 JS 的 Date 方法吗？

Can any one help me on Date method of JS?

javascript

datetime

onclick