상세 컨텐츠

본문 제목

jQuery 날짜 비교 (날짜비교)

JavaScript & HTML

by husks 2016. 5. 4. 18:11

본문

반응형


날짜 비교 입니다.


값을 가져와서 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();
});


반응형

관련글 더보기

댓글 영역