테스트 사이트 - 개발 중인 베타 버전입니다

datepicker 달력  input 간단넣기

· 6년 전 · 12208 · 15

그누보드에 안에 파일이 있어서 쉽게 불러낼수있네요 

다른분들 팁이 많이 계시는데 , 너무 상세해서 -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

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 15개

감사합니다!!
와우 감사합니다.
감사합니다!
마침 구현하려는 기능을 딱! 찾았네요.
유용한 팀을 공유해 주셔서 감사합니다~
혹시 이 달력은 게시판에서만 가능한가요? 폼메일을 따로 만들었는데요. 적용해도 잘 되지 않아서 ㅜ.ㅠ 궁금해서 여쭙니다.
폼메일에서는 input type="date" ,input type="month" 로 하시는게 더 간편하시지 않을까요 ?

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
});
감사합니다. 유용하게 잘 사용하였습니다.

게시판 목록

그누보드5 팁자료실

글쓰기