본문 바로가기

웹프로그래밍/Javascript

jQuery DatePicker 버튼 만들기 (동적 생성)

반응형

<script type="text/javascript">
    $
(function () {
        $
("#datepicker").datepicker({
            constrainInput
: true,
            showOn
: 'button',
            buttonText
: 'Select...'
       
});
   
});
</script>
<input id="datepicker" disabled="disabled" />

 

위와같이 할 경우 datepicker input 옆에 버튼이 생성된다. 이 버튼의 class는 ui-datepicker-trigger 를 가지므로 스타일시트에서 자신의 기호에 맞게 이미지를 배경으로 깔든 편하게 쓰면 된다.

반응형