JavaScript를 사용하여 두 날짜를 비교하는 방법-프런트엔드 Q&A-php.cn

집

웹 프론트엔드

프런트엔드 Q&A

JavaScript를 사용하여 두 날짜를 비교하는 방법

藏色散人

Aug 18, 2021 pm 02:28 PM

javascript

이전 글 "JavaScript를 사용하여 div 요소의 내용을 인쇄하는 방법에 대한 자세한 설명"에서 JavaScript를 사용하여 div 요소의 내용을 인쇄하는 방법을 소개했습니다. 관심 있는 친구들은 가서 배울 수 있습니다~

The 이 기사의 주요 내용은 JavaScript를 사용하여 두 날짜를 비교하는 방법을 가르치는 것입니다!

JavaScript에서는 두 날짜를 해당 시간에 해당하는 숫자 값으로 변환하여 비교할 수 있습니다. 먼저, getTime() 함수를 사용하여 날짜를 숫자 값으로 변환한 다음, 주어진 날짜를 숫자 값으로 변환하여 직접 비교할 수 있습니다.

특정 구현 방법에 대해 다음 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()方法的作用是返回距 1970 年 1 月 1 日之间的毫秒数。

getTime()语法如下：

dateObject.getTime()

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

→该方法总是结合一个 Date getTime() 구문은 다음과 같습니다.
rrreee

반환 값: dateObject는 1970년 1월 1일(GMT 시간)의 시간과 자정 사이의 날짜 및 밀리초 수를 지정합니다.

→이 메서드는 항상 Date 개체와 함께 사용됩니다.

마지막으로 "🎜🎜JavaScript Basics Tutorial🎜🎜"을 여러분께 추천드리고 싶습니다~ 모두들 배우신 것을 환영합니다~🎜

위 내용은 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

TheKeyGoalSandMotivationSBehindhtml5WeretoEnhancesemanticstructure, EverneMultImediasupport, andensureBetTerferfortPerformanceAndCompatibilityAcrossDevices, DrivenBytheneedToaddresshtml4'SlimitationsAndModernWebDemands.1) HTMl5AIMEDTOMPROVETUCETUR

CSS ID 및 클래스 : 간단한 가이드May 16, 2025 am 12:18 AM

idsareUniqueAndusedForsingleElements, whileclassesareuseableforlultipleements.1) useidsforuniqueElementsLikeSpecificheader.2) USECLASSESFORCONSESTENTSTYLINGACROSSMultipleEmentements likeSlikeButtons

HTML5 목표 : 사양의 주요 목표 이해May 16, 2025 am 12:16 AM

html5aimstoenhancewebaccessibility, Interactivity, andefficiency

HTML5를 사용하여 목표를 달성하기가 어렵습니까?May 16, 2025 am 12:06 AM

html5isnotparticular indifficulttousebutreequiresunderstandingStandingStandingStandingStandingStandingStandingStandingStandingStandingStandingStandingS

CSS : 같은 DOM에서 여러 ID를 사용할 수 있습니까?May 14, 2025 am 12:20 AM

아니요, 당신은 uplemultipleidsinthesamedom.1) idsmustbeuniqueperhtmlspecification, andusingduplicatescancauseSconsistentBrowserBehavior.2) useclassesforstylingmultipleelements, attributesectorscendats eftibutes 및 descenderfortrecture

HTML5의 목표 :보다 강력하고 액세스 가능한 웹 생성May 14, 2025 am 12:18 AM

html5aimstoenhancewebcapabilities, MakingItmoredynamic, Interactive, and Accessible.1) itsupportsmultimediaelementslikeand, 2) SemanticlementsImpreveAcessibilityandCodeReardability.3) 특징적인 부대, 응답 Whebappl