天天看点

JavaScript输入一个时间然后计算与今天相差多少天

今天朋友让我帮忙敲一个作业,随便输入一个时间然后计算与今天相差多少天,当做回顾一下Date

html:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <script src="./js/main.js"></script>
    <link href="./css/index.css" target="_blank" rel="external nofollow"  rel="stylesheet">
</head>

<body>

    <div class="panel bigtitle">当前时间:<span id="time1"></span></div>
    <div class="panel">
        <div class="assert">年</div>
        <div class="inputresult">
            <input type="text" id="year1" class="inputtext" />
        </div>
        <div class="assert">月</div>
        <div class="inputresult">
            <input type="text" id="month1" class="inputtext" />
        </div>
        <div class="assert">日</div>
        <div class="inputresult">
            <input type="text" id="day1" class="inputtext" />
        </div>
    </div>
    <div class="panel">
        <input type="button" value="计算" class="onebutton" id="button1" onclick="click1()" />
    </div>
    <div>计算结果
        <span id="cal"></span><span>"天"</span>
    </div>
</body>

</html>

<script>
    //这个地方是想获取当前时间用来展示的
    var date = new Date()
    var year = date.getFullYear();
    var month = date.getMonth() + 1;
    var day = date.getDate();
    var time = document.getElementById("time1");
    time.innerHTML = (year + "/" + month + "/" + day);

    //计算代码
    function click1() {
        //获取到input里面的值
        var month1 = document.querySelector("#month1").value;
        var year1 = document.querySelector("#year1").value;
        var day1 = document.querySelector("#day1").value;
        var t1 = year1 + "/" + month1 + "/" + day1;
        var dateBegin = new Date(t1);   //可以把“2020/12/8"转化成“Tue Dec 08 2020 00:00:00 GMT+0800 (中国标准时间)”
        var date = new Date();
        var result = date.getTime() - dateBegin.getTime();
        var a = Math.floor(result / (24 * 3600 * 1000));
        document.querySelector('#cal').innerHTML = a;
    }
</script>
           

这里需要注意getTime(),他获取时间戳的方法和时区有关,所以有关时间的参数还是找后端要

回顾:

getTime() 方法可返回距 1970 年 1 月 1 日之间的毫秒数。

getFullYear() getMonth() getDate() 返回年月日

JavaScript输入一个时间然后计算与今天相差多少天

继续阅读