Jquery datepicker Widget 값 출력하기

Jquery 에서는 datepicker 라는 위젯을 제공한다

daterpicker 객체를 생성한 뒤 달력에서 날짜 선택 시 값을 추출하려면 onSelect function을 호출한다.

$( function() {
    $( "#datepicker" ).datepicker({ 
        onSelect: function() { 
            var date = $.datepicker.formatDate("yymmdd",$("#datepicker").datepicker("getDate")); 
            alert(date);
        }
    });                    
});

datepicker("getDate") 호출로 값 추출 후 원하는 날짜 형식의 포맷을 입혀준다.

원하는 포맷 ( 년월일 ) 으로 알럿 창이 떴다!

  $( function() {
     $( "#datepicker" ).datepicker({ 
                                 
         onSelect: function() { 
            var date = $.datepicker.formatDate("yymmdd",$("#datepicker").datepicker("getDate")); 
                                     
            date = $("#datepicker").val();
                                     
            alert(date);
        }
    });   
});

7

7번 라인 같은 방법으로도 datepicker 의 값을 추출할 수 있는데

5번 라인의 경우 Date 타입의 값이 추출, 7번 라인의 경우 String 값이 추출된다.

그렇기  때문에 7번 라인의 경우 formatDate 함수가 적용되지 않으니 경우에 따라 선택해서 쓰면 된다.