如何使用JavaScript比较两个日期-前端问答-PHP中文网

如何使用JavaScript比较两个日期

藏色散人

发布： 2021-08-18 14:28:04

原创

5448人浏览过

在之前的《详解怎么使用javascript打印div元素的内容》中给大家介绍了怎么使用javascript打印div元素的内容，感兴趣的朋友可以去学习了解一下~

本文的主要内容则是教大家如何使用JavaScript比较两个日期！

在JavaScript中，我们可以通过将两个日期转换为对应其时间的数值来比较它们。首先，我们可以使用getTime()函数将Date转换为一个数值；然后通过将给定的日期转换为数值，接着我们可以直接比较它们。

具体的实现方法我们可以看以下3个示例：

代码示例 1：

立即学习“Java免费学习笔记（深入）”；

<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8 />
    <title></title>
    <script>
        // 当前日期
        var g1 = new Date();
        var g2 = new Date();
        if (g1.getTime() === g2.getTime())
            document.write("两者相等");
        else
            document.write("两者不相等");
        javascript: ;
    </script>
</head>
<body>
</body>
</html>

登录后复制

输出：

两者相等

登录后复制

代码示例 2：

<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8 />
    <title></title>
    <script>

        var g1 = new Date();

        // (YYYY-MM-DD)

        var g2 = new Date(2019 - 08 - 03);

        if (g1.getTime() < g2.getTime())

            document.write("g1 小于 g2");

        else if (g1.getTime() > g2.getTime())

            document.write("g1 大于 g2");

        else

            document.write("两者相等");



        javascript: ;

    </script>
</head>
<body>

</body>
</html>

登录后复制

输出：

g1 大于 g2

登录后复制

代码示例 3：

Beyond商城 2008修改版

感谢广大歌迷长期以来对网站的支持和帮助，很多朋友曾经问我要过这个商城程序，当时由于工作比较忙，一直没空整理，现在好啦，已全部整理好了，在这里提供给有需要的朋友，没有任何功能限制，完全可以使用的，只是有些商品的广告需自己修改一下，后台没有办法修改，需要有HTML基础才可以修改，另外，哪位朋友在使用的时候，发现了BUG请与我们联系，大家共同改进，谢谢！后台管理地址：http://你的域名/admin/

查看详情

<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8 />
    <title></title>
    <script>

        var g1 = new Date(2019, 08, 03, 11, 45, 55);

        // (YYYY, MM, DD, Hr, Min, Sec)

        var g2 = new Date(2019, 08, 03, 10, 22, 42);

        if (g1.getTime() < g2.getTime())

            document.write("g1 小于 g2");

        else if (g1.getTime() > g2.getTime())

            document.write("g1 大于 g2");

        else

            document.write("两者相等");



        javascript: ;

    </script>
</head>
<body>

</body>
</html>

登录后复制

输出：