datepicker 달력  input 간단넣기 > 그누보드5 팁자료실

그누보드5 팁자료실

datepicker 달력  input 간단넣기 정보

datepicker 달력  input 간단넣기

본문

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

다른분들 팁이 많이 계시는데 , 너무 상세해서 -0-너무 어렵더라고요 

개인적인 참고자료로 적어둡니다 

보시고 수정사항 있으면 댓글 달아주세요 

블로그글이랑 그누보드 사이트 검색해서 조합해서 해봤는데 오류없이 잘됩니다 

 

3551723403_1561121873.2389.png

 

달력 넣고 자 하는 파일에  

 

<?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개

혹시 이 달력은 게시판에서만 가능한가요? 폼메일을 따로 만들었는데요. 적용해도 잘 되지 않아서 ㅜ.ㅠ 궁금해서 여쭙니다.
폼메일에서는 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
});
전체 2,412 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

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