jQuery 달력(날짜입력) - 오늘이후 미래 날짜만 선택 가능하게 하는 방법이 궁금합니다. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

jQuery 달력(날짜입력) - 오늘이후 미래 날짜만 선택 가능하게 하는 방법이 궁금합니다. 정보

jQuery 달력(날짜입력) - 오늘이후 미래 날짜만 선택 가능하게 하는 방법이 궁금합니다.

본문

<script type="text/javascript">
/* Korean initialisation for the jQuery calendar extension. */
/* Written by DaeKwon Kang (*** 개인정보보호를 위한 이메일주소 노출방지 ***). */
jQuery(function($){
$.datepicker.regional['ko'] = {
closeText: '닫기',
prevText: '이전달',
nextText: '다음달',
currentText: '오늘',
monthNames: ['1월(JAN)','2월(FEB)','3월(MAR)','4월(APR)','5월(MAY)','6월(JUN)',
'7월(JUL)','8월(AUG)','9월(SEP)','10월(OCT)','11월(NOV)','12월(DEC)'],
monthNamesShort: ['1월','2월','3월','4월','5월','6월',
'7월','8월','9월','10월','11월','12월'],
dayNames: ['일','월','화','수','목','금','토'],
dayNamesShort: ['일','월','화','수','목','금','토'],
dayNamesMin: ['일','월','화','수','목','금','토'],
weekHeader: 'Wk',
dateFormat: 'yymmdd',
firstDay: 0,
isRTL: false,
showMonthAfterYear: true,
yearSuffix: ''};
$.datepicker.setDefaults($.datepicker.regional['ko']);

    $('#mb_birth').datepicker({
        showOn: 'button',
buttonImage: '<?=$g4[path]?>/img/calendar.gif',
buttonImageOnly: true,
        buttonText: "달력",
        changeMonth: true,
changeYear: true,
        showButtonPanel: true,
        yearRange: 'c-99:c+99',
        maxDate: '+0d'
    });
});
</script>

위 소스는 그누보드 회원 가입폼 생일 입력 달력표시 부분입니다.
생일만 입력 달력으로 설정되어 있다보니, 과거의 날짜만 선택이 가능한데요.
이걸 반대로 오늘을 포함한 미래의 날짜만 입력 받으려면 어떻게 수정해야 하는지요?

댓글 전체

저는 시작시점과 종료시점을 고돌스님의 글을 참고로 해서 아래와 같이 해결했습니다.

    $('#start_day').datepicker({
        showOn: 'button',
buttonImage: '<?=$g4[path]?>/img/calendar.gif',
buttonImageOnly: true,
        buttonText: "달력",
        changeMonth: true,
changeYear: true,
        showButtonPanel: true,
        yearRange: 'c-99:c+99',
        minDate: '-0d'
    });

    $('#end_day').datepicker({
        showOn: 'button',
buttonImage: '<?=$g4[path]?>/img/calendar.gif',
buttonImageOnly: true,
        buttonText: "달력",
        changeMonth: true,
changeYear: true,
        showButtonPanel: true,
        yearRange: 'c-99:c+99',
        maxDate: '+100d'
    });


body내 해당부분에는 아래와 같이

        <!-- 교육기간 회원가입스킨 응용입력/ 자바스크립트오류해결 20121006 -->
        <? if ($w=="") { ?>
      <input class=ed type=text id=start_day name='wr1_3' size=8 maxlength=8 minlength=8 required numeric itemname='교육시작일' value='<?=$wr1[3]?>' readonly title='옆의 달력 아이콘을 클릭하여 날짜를 입력하세요.'>
        <? } ?>
        ~
        <? if ($w=="") { ?>
      <input class=ed type=text id=end_day name='wr1_4' size=12 maxlength=8 minlength=8 required numeric itemname='교육종료일' value='<?=$wr1[4]?>' readonly title='옆의 달력 아이콘을 클릭하여 날짜를 입력하세요.'>
        <? } ?>
전체 66,558 |RSS
그누4 질문답변 내용 검색

회원로그인

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