[javascript/jquery] jquery datepicker select event example/ jquery datepicker 날짜 선택 이벤트 예제

[javascript/jquery] jquery datepicker select event example/ jquery datepicker 날짜 선택 이벤트 예제

 

 

jquery datepicker 를 이용하다보면

 

div 같은 영역에 datepicker 를 구현했을때

 

날짜를 선택한 이벤트를 수신해야 하는 경우가 있습니다.

 

그럴때는 아래와 같이

 

onSelect 이벤트를 이용하시면 됩니다!

 

 

예를들어 class 가 datepicker 인 div 가 있다고 가정하고,

<div class="datepicker"></div>

 

위 div 안에 datepicker 를 구현하고 싶으면 

 

아래와 같이 스크립트를 선언하시면 됩니다.

 

$('.datepicker').datepicker({
    onSelect: function(dateString) {
        console.log(dateString);
    }
});

 

위 내용 보시면 아시겠지만,

 

datepicker 를 선언할때,

 

onSelect 이벤트를 같이 선언해서 출력해보면

 

선택된 날짜가 출력되는 것을 확인할 수 있습니다.

 

참고들 하세요!