<script>
$("#dp").datepicker({ // 이미지를 클릭하면 달력출력
showOn:"button",
buttonImage:"<%=cp%>/data/images/calendar.gif",
buttonImageOnly:true,
defaultDate:"", // 기본선택된 날짜
minDate:"2013-08-01", //최소 선택할 수 있는 날짜
maxDate:"+1M+10D", // 최대 선택할 수 있는 날짜
showAnim:"slideDown" //
/*minDate:0,maxDate:"_10D"*/
});
});
$(function() {
$( "#datepicker" ).datepicker();
$( "#anim" ).change(function() {
$( "#datepicker" ).datepicker( "option", "showAnim", $( this ).val() );
});
});
<script>
<body>
<input type="text" id="dp">
<p>Date: <input type="text" id="datepicker" size="30" /></p>
<p>Animations:<br />
<select id="anim">
<option value="show">Show (default)</option>
<option value="slideDown">Slide down</option>
<option value="fadeIn">Fade in</option>
<option value="blind">Blind (UI Effect)</option>
<option value="bounce">Bounce (UI Effect)</option>
<option value="clip">Clip (UI Effect)</option>
<option value="drop">Drop (UI Effect)</option>
<option value="fold">Fold (UI Effect)</option>
<option value="slide">Slide (UI Effect)</option>
<option value="">None</option>
</select>
</p>
<body>
'jquery' 카테고리의 다른 글
Select Box 활용 노하우 (0) | 2013.09.12 |
---|---|
jquery 선택자 여러개, 요소 여러개 선택하기 (0) | 2013.09.09 |
커서 손가락 바꾸기 (0) | 2013.09.09 |
jquery & ajax 이해하는 간단한 예제 (2) | 2013.08.07 |
jquery + ajax (0) | 2013.08.07 |