투케이2K

165. (javascript/자바스크립트) moment 라이브러리 - isBefore , isSame , isAfter 사용해 특정 날짜 이전 , 이후 , 동일 여부 판단 실시 본문

JavaScript

165. (javascript/자바스크립트) moment 라이브러리 - isBefore , isSame , isAfter 사용해 특정 날짜 이전 , 이후 , 동일 여부 판단 실시

투케이2K 2022. 6. 12. 10:13

[개발 환경 설정]

개발 툴 : Edit++

개발 언어 : javascript

 

[소스 코드]

    <!-- [moment 라이브러리 설치] -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>



    <!-- [내부 자바스크립트 J쿼리 이벤트 지정] -->
    <script>


        /* [html 최초 로드 및 이벤트 상시 대기 실시] */
        window.onload = function() {
            console.log("");
            console.log("[window onload] : [start]");
            console.log(""); 

            // [테스트 함수 출력]
            testMain();
        };



        /* [자바스크립트 테스트 코드] */
        function testMain(){
            console.log("");
            console.log("[testMain] : [start]");
            console.log("");


            /*
            [요약 설명]
            1. moment 라이브러리는 날짜 형식을 간편하게 조작할 수 있는 자바스크립트 라이브러리입니다
            2. isBefore : 특정 날짜 이전 인지 확인합니다
            3. isSame : 특정 날짜가 같은지 확인합니다
            4. isAfter : 특정 날짜 이후 인지 확인합니다
            */


            // [날짜 지정 실시]
            var one = "2022-06-12";
            var two = "2022-07-12";



            // [날짜 비교 수행 실시]
            var isBefore = moment(one).isBefore(two);
            var isSame = moment(one).isSame(two);
            var isAfter = moment(one).isAfter(two);


            // [로그 출력 실시]
            console.log("");
            console.log("one : " + one);
            console.log("two : " + two);
            console.log("");

            console.log("");
            console.log("isBefore : " + isBefore);
            console.log("isSame : " + isSame);
            console.log("isAfter : " + isAfter);
            console.log("");

        };

    </script>
 

[결과 출력]


 

반응형
Comments