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

首页

web前端

前端问答

如何使用JavaScript比较两个日期

藏色散人

Aug 18, 2021 pm 02:28 PM

javascript

在之前的《详解怎么使用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中文网其他相关文章！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

掌握CSS选择器：高效样式的类别与IDMay 16, 2025 am 12:19 AM

使用类选择器和ID选择器取决于具体用例：1)类选择器适用于多元素、可重用样式，2)ID选择器适用于唯一元素、特定样式。类选择器更灵活，ID选择器处理速度更快但可能影响代码维护性。

HTML5规范：探索关键目标和动机May 16, 2025 am 12:19 AM

keykeygoalsandmotivationsbehindhtml5weretoenhancesemantstructure，Improvemultimediasupport，andensureBetterperformanceandCompatibalityAcroscaroscaroscaroscarossdecrossdecrossdecrossdecrossdecrossdecrossdecrossdevices，drivendybytheneedtoAddresshtml4'slimitationsand limitiTations and limittations andmeetmeetModerntructAndmmoderntructss.1）

CSS ID和类：简单指南May 16, 2025 am 12:18 AM

IDSareNiqueAndusedForsingLelement，andleclassEsareReusableFormultPirultElements.1）useIdIdSforuniqueElementsLikeAspeCificheader.2）useclassesforconsistentSistentSistentStyActStyAcroSsmultipleLementslike.3）becautiouswithspecificitificitieAsideCerrrase.4）

HTML5目标：了解规范的关键目标May 16, 2025 am 12:16 AM

html5aimstoenhancewebaccctible，互动性和效率。1）ITSupportsMultimediawithOutPlugins，Simplifyinginguserexperience.2）Semanticmarkmarksmarkupimprovissupimprovessupstructureandacccessessible.3）增强bacegencementingIncrassubility.4）

使用HTML5难以实现其目标吗？May 16, 2025 am 12:06 AM

html5isnotparticulllydifficulttousebutrequirequireSustingingItsFeatures.1）smanticelementslike like ,,，和iMproveructure，andimprovucture，可读性，seo和acctibility.2）多中性倍增量，且可读性

CSS：我可以在同一DOM中使用多个ID吗？May 14, 2025 am 12:20 AM

No,youshouldn'tusemultipleIDsinthesameDOM.1)IDsmustbeuniqueperHTMLspecification,andusingduplicatescancauseinconsistentbrowserbehavior.2)Useclassesforstylingmultipleelements,attributeselectorsfortargetingbyattributes,anddescendantselectorsforstructure

HTML5的目的：创建一个更强大，更容易访问的网络May 14, 2025 am 12:18 AM

html5aimstoenhancewebcapabilities，Makeitmoredynamic，互动，可及可访问。1）ITSupportsMultimediaElementsLikeAnd，消除innewingtheneedtheneedtheneedforplugins.2）SemanticeLelelemeneLementelementsimproveaCceccessibility inmproveAccessibility andcoderabilitile andcoderability.3）emply.3）lighteppoperable popperappoperable -poseive weepivewebappll

HTML5的重要目标：增强网络开发和用户体验May 14, 2025 am 12:18 AM

html5aimstoenhancewebdevelopmentanduserexperiencethroughsemantstructure，多媒体综合和performanceimprovements.1）SemanticeLementLike like，和ImproVereAdiability and ImproVereAdabilityAncccossibility.2）和TagsallowsemplowsemplowseamemelesseamlessallowsemlessemlessemelessmultimedimeDiaiiaemediaiaembedwitWithItWitTplulurugIns.3）

See all articles