본문 바로가기

jquery

jquery 달력 옵션 적용법

<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