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

댓글 12개

// 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">
전체 2,424 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT