개발자의 끄적끄적

[jquery] 날짜 비교 (날짜비교) [펌] 본문

개발/javascript & jquery

[jquery] 날짜 비교 (날짜비교) [펌]

효벨 2020. 3. 18. 01:16
728x90
반응형

[jquery] 날짜 비교 (날짜비교) [펌]

 

 

날짜 비교 입니다.

 

값을 가져와서 split로 자른후 Date 객체 생성 후 getTime로 비교 하는 것 입니다.

 

날짜 기간 조회시 시작 날짜가 종료 날짜 이후라면 검색(submit) 이 안 되도록 하는 스크립트 입니다.

 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

$("#search").click(function(){

         

        var startDate = $( "input[name='startDate']" ).val(); //2017-12-10

        var startDateArr = startDate.split('-');

         

        var endDate = $( "input[name='endDate']" ).val(); //2017-12-09

        var endDateArr = endDate.split('-');

                 

        var startDateCompare = new Date(startDateArr[0], parseInt(startDateArr[1])-1, startDateArr[2]);

        var endDateCompare = new Date(endDateArr[0], parseInt(endDateArr[1])-1, endDateArr[2]);

         

        if(startDateCompare.getTime() > endDateCompare.getTime()) {

             

            alert("시작날짜와 종료날짜를 확인해 주세요.");

             

            return;

        }

         

        $("#frmSearch").submit();

});

 

출처 : https://huskdoll.tistory.com/478

반응형
Comments