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='옆의 달력 아이콘을 클릭하여 날짜를 입력하세요.'>
        <? } ?>
© SIRSOFT
현재 페이지 제일 처음으로