[jQuery] 날짜선택 위젯- datepicker

datepicker를 사용하기 위해서는 기본적으로 다음의 3가지 File을 import해야 합니다.

?

1 2 3

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" type="text/css">  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>  <script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>

datepicker의 가장 기본적인 코드를 살펴보면 다음과 같습니다.

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

$(function() {     $( "#testDatepicker" ).datepicker({           dateFormat: 'yy-mm-dd',         prevText: '이전 달',         nextText: '다음 달',         monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],         monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],         dayNames: ['일','월','화','수','목','금','토'],         dayNamesShort: ['일','월','화','수','목','금','토'],         dayNamesMin: ['일','월','화','수','목','금','토'],         showMonthAfterYear: true,         yearSuffix: '년'       }); });

해당 메소드에서 선택자로 지명한 id가 testDatepicker인 input 태그를 추가합니다

?

1	<input type="text" id="testDatepicker">