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

最新推荐文章于 2024-04-15 10:17:36 发布

羊心眼

最新推荐文章于 2024-04-15 10:17:36 发布

阅读量3.2k

点赞数 3

文章标签： JavaScript Date 计算时间 month year

本文链接：https://blog.csdn.net/weixin_40679578/article/details/90578092

版权

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

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <script src="./js/main.js"></script>
    <link href="./css/index.css" 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() 返回年月日
在这里插入图片描述

羊心眼

关注

3
点赞
踩
14

收藏

觉得还不错? 一键收藏
2
评论
JavaScript输入一个时间然后计算与今天相差多少天

今天朋友让我帮忙敲一个作业，随便输入一个时间然后计算与今天相差多少天，当做回顾一下Datehtml：<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title>日期计算</title> <script src="./js/main....
复制链接

扫一扫