datepicker 달력 input 간단넣기 정보
datepicker 달력 input 간단넣기본문
그누보드에 안에 파일이 있어서 쉽게 불러낼수있네요
다른분들 팁이 많이 계시는데 , 너무 상세해서 -0-너무 어렵더라고요
개인적인 참고자료로 적어둡니다
보시고 수정사항 있으면 댓글 달아주세요
블로그글이랑 그누보드 사이트 검색해서 조합해서 해봤는데 오류없이 잘됩니다
달력 넣고 자 하는 파일에
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_PLUGIN_PATH.'/jquery-ui/datepicker.php'); // 달력
<input type="text" ~~~~(중략) class="datepicker frm_input" >
하단 자바스크립트 있는곳 아무대나
<!-- 달력 시작-->
<script type="text/javascript">
//<![CDATA[
$(function(){
$(".datepicker").datepicker({
dateFormat: "yy-mm-dd",
onSelect:function(dateText, inst) {
console.log(dateText);
console.log(inst);
}
});
$(".targetFocus").click(function(){
$($(this).data("target")).focus();
});
});
//]]>
</script><!-- 달력 끝 -->
참고 )
날짜 표기 방식 : dateFormat: "yy-mm-dd"
yy-mm-dd : 2015-10-25
yy/mm/dd : 2015/10/25
yy.mm.dd : 2015.10.25
yymmdd : 20151025
6
댓글 14개
유용한 팀을 공유해 주셔서 감사합니다~
include_once(G5_PLUGIN_PATH.'/jquery-ui/datepicker.php'); 불러는 내는 경로 내에 파일이 있는지도 한번 살펴보세요 . 그누보드 5.3이상은 다 있는것같은데요
이렇게 하시면, 오늘날짜부터
$(selector).datepicker({
dateFormat: 'yy-mm-dd',
minDate: 0
});
이렇게 하시면, 내일날짜부터 선택하게 할 수 있습니다.
$(selector).datepicker({
dateFormat: 'yy-mm-dd',
minDate: 1
});