如何使用JavaScript比较两个日期

藏色散人
发布: 2021-08-18 14:28:04
原创
4979 人浏览过

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

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

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

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

代码示例 1:

<!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:

<!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>
登录后复制

输出:

g1 大于 g2
登录后复制
登录后复制

注:

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

getTime()语法如下:

dateObject.getTime()
登录后复制

返回值:dateObject 指定的日期和时间距 1970 年 1 月 1 日午夜(GMT 时间)之间的毫秒数。

→该方法总是结合一个 Date 对象来使用。

最后给大家推荐《JavaScript基础教程》~欢迎大家学习~

以上是如何使用JavaScript比较两个日期的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板