JS user enters two dates and asks to return a few days between them

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>

</style>
<body>
    <input type="text" id="txt1">
    <input type="text" id="txt2">
    <input type="button" id="btn" value="计算差值">
    <span id="res"></span>
</body>
<script>
    var otxt1 = document.getElementById("txt1");
    var otxt2 = document.querySelector("#txt2");
    var obtn = document.getElementById("btn");
    var ores = document.getElementById("res");
    obtn.onclick = function(){
     
     
       
        var n1 = otxt1.value;
        var d1 = new Date(n1);
        var n2 = otxt2.value;
        var d2 = n2 ? new Date(n2) : new Date();
        var time = Math.abs(d1-d2);
        
        console.log(time)
        ores.innerHTML = (time/1000/60/60/24)+"天";
    }
</script>
</html>

Guess you like

Origin blog.csdn.net/qq_26705343/article/details/113264461