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

datepicker 달력  input 간단넣기

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

게시글 목록

번호 제목
24149
24140
24133
24125
24119
24109
24105
24101
24093
24089
24077
24074
24071
24070
24067
24056
24050
24046
24043
24040
24037
24036
24035
24034
24021
24017
24005
24002
23990
23980