如何使用JavaScript比較兩個日期

藏色散人
發布: 2021-08-18 14:28:04
原創
4939 人瀏覽過

在先前的《詳解怎麼使用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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!