input에 datepicker 달력 날짜 넣기 > 그누보드5 팁자료실

그누보드5 팁자료실

input에 datepicker 달력 날짜 넣기 정보

input에 datepicker 달력 날짜 넣기

본문

write.skin.php 상단에 추가

include_once(G5_PLUGIN_PATH.'/jquery-ui/datepicker.php');

write.skin.php 상단에 추가

<script> 
$(function(){ //달력 
$("#wr_1").datepicker({changeMonth: true, changeYear: true, dateFormat: "yy-mm-dd", showButtonPanel: true, yearRange: "c-99:c+99", maxDate: "+3650d"}); 
}); 
 
$(function(){ //달력 
$("#wr_2").datepicker({changeMonth: true, changeYear: true, dateFormat: "yy-mm-dd", showButtonPanel: true, yearRange: "c-99:c+99", maxDate: "+3650d"}); 
}); 
</script> 

write.skin.php 원하는 위치에 추가

<div class="write_div"> 
시작 <input type="text" name="wr_1" value="<?php echo $wr_1 ?>" id="wr_1" class="frm_input" size="10" required placeholder="시작 날짜"> 
마감 <input type="text" name="wr_2" value="<?php echo $wr_2 ?>" id="wr_2" class="frm_input" size="10" required placeholder="마감 날짜"> 
</div> 

 

다들 아시겠지만 혹 모르시는분을 위해 남겨봅니다^^;

추천
11
  • 복사

댓글 15개

도들 자기소개 아이디로 검색 회원게시물 22.12.29 16:43:47
// class를 이용하는 방법도 공유해 봅니다.

<?php
include_once(G5_PLUGIN_PATH.'/jquery-ui/datepicker.php');
?>

<script type="text/javascript">
$(function(){ //달력
 $(".datepicker").datepicker({changeMonth: true, changeYear: true, dateFormat: "yy-mm-dd", showButtonPanel: true, yearRange: "c-99:c+99", maxDate: "+3650d"});
});
</script>


<input name="wr_1" value="<?php echo $wr_1; ?>" class="datepicker">
<input name="wr_2" value="<?php echo $wr_2; ?>" class="datepicker">
목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로