[jQuery] Datepicker

[jQuery] Datepicker

날짜를 입력할 input 태그를 만든다. 

<input type="text" id="dpDateStart" style="width:100px;" />

해당 input 을 datepicker 로 지정한다. 

$(function() {      fnSetDatePicker("#dpDateStart");      fnSetDatePicker("#dpDateEnd");   });

지정하기 위한 함수를 생성한다. 

function fnSetDatePicker(id){      $( id ).datepicker({            showOtherMonths: true                      , selectOtherMonths: true            , dateFormat: dateFormate                    }); }

input 태그 옆에, 버튼을 추가한다. 

<input type="text" id="dpDateStart" style="width:100px;" /> <button type="button" id="btnDateStart" class="btn-date">달력보기</button>

버튼 클릭시에도, 동작하도록, 클릭 이벤트를 추가한다. 

$('#btnDateStart').click(function(){       $('#dpDateStart').datepicker("show"); });      $('#btnDateEnd').click(function(){       $('#dpDateEnd').datepicker("show"); });