JQUERY DATEPICKER PLUGIN 사용

다운로드 : http://jqueryui.com/download/ 에 들어가서 Widgets > Datepicker 항목을 선택한 후 다운로드받는다

 <%-- 달력용 CSS --%>
 <link href="/html/js/jquery-ui.css" rel="stylesheet" type="text/css" />
 <%-- 달력용 JS --%>
 <script type="text/javascript" src="/html/js/jquery-ui.js"></script>
$(fuction(){
  $('input').filter(function(){return this.id.match(/startDt)/);}).datepicker({
       closeText: '닫기',

prevText: '이전달',

nextText: '다음달',

currentText: '오늘',

monthNamesShort: ['1월','2월','3월','4월','5월','6월', '7월','8월','9월','10월','11월','12월'],

dayNamesMin: ['일','월','화','수','목','금','토'],

weekHeader: 'Wk',

dateFormat: 'yymmdd', //형식(20120303)

autoSize: false, //오토리사이즈(body등 상위태그의 설정에 따른다)

changeMonth: true, //월변경가능

changeYear: true, //년변경가능

showMonthAfterYear: true, //년 뒤에 월 표시

buttonImageOnly: true, //이미지표시

buttonImage: '<c:out value="${IMGPATH}" />/img_calendar.gif', //이미지주소

showOn: "both", //엘리먼트와 이미지 동시 사용

yearRange: 'c-99:c+99', //1990년부터 2020년까지

maxDate: '+6Y' //오늘부터 6년후날짜까지만

  });
});

/*특정조건일 때 달력이 보이지 않게 할 때*/
$('input').filter(function(){return this.id.match(/startDt)/);}).datepicker("disable");


<input type="text" id="startDt" name="startDt" value="" />