jquery datepicker 코드 문의 드립니다. 채택완료
jqueryui.com/datepicker/ 에서 datepicker 즉 달력을 출력하는 코드를 다운받았습니다.
홈페이지에 적용해보니 바로 달력이 출력되지 않고 터치해야 출력이 되는데 바로 달력이 출력되게 하는 방법이 없는지요?
code.
$( function() {
$( "#datepicker" ).datepicker();
} );
Date:
답변 6개
trigger()를 이용하시면 됩니다.
</p><p> <script>
$( function() {
$( "#datepicker" ).datepicker();
$( "#datepicker" ).trigger("select");
} );
</script> </p><p>
댓글을 작성하려면 로그인이 필요합니다.
그누5에서도 기본적으로 제공을 합니다.
플러그인쪽 보시면요
/plugin/jquery-ui/datepicker.php
여기서 기본적으로 제공을 하고 있습니다.
참고 하실 소스는 다음과 같습니다
</p><p><?php</p><p> // 먼저 datepicker.php를 include를 하셔야겠죠 ^^</p><p> include_once(G5_PLUGIN_PATH.'/jquery-ui/datepicker.php');</p><p>?></p><p> </p><p><script></p><p> </p><p>// 입력하실 id값의 이름을 선언해주시면됩니다. 그리고 나머지들은 옵션입니다 참고 하시구요.</p><p>// 참고로 2개 시작일과 종료일을 기준으로 설정되어있습니다.</p><p>$(function(){
$("#fr_date, #to_date").datepicker({ changeMonth: true, changeYear: true, dateFormat: "yy-mm-dd", showButtonPanel: true, yearRange: "c-99:c+99", maxDate: "+0d" });
});</p><p> </script></p><p> </p><p><div class="sch_last">
<strong>기간별검색</strong>
<input type="text" name="fr_date" value="<?php echo $fr_date ?>" id="fr_date" class="frm_input" size="11" maxlength="10">
<label for="fr_date" class="sound_only">시작일</label>
~
<input type="text" name="to_date" value="<?php echo $to_date ?>" id="to_date" class="frm_input" size="11" maxlength="10">
<label for="to_date" class="sound_only">종료일</label>
<input type="submit" value="검색" class="btn_submit">
</div></p><p> </p><p>
이렇게 사용하시면 됩니다. 시작일과 종료일 모두 달력이 생성됩니다.
댓글을 작성하려면 로그인이 필요합니다.
항상 보여지게 하는 방법은 의외로 간단합니다.
요소에 datepicker를 연결하지 말고 다른 요소들에 연결하고 input 요소에 선택된 값을 넘겨주는 방식으로 테스트해보세요.
$('#test').datepicker({
onSelect: function(date, obj){
$('#date_input').val(date);
}
});
혹은, 애초에 보여지고 안보여지고를 컨트롤할 수 있는 옵션을 가진 datepicker 플러그인들을 사용하는 것도 방법입니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인