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

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

· 14년 전 · 14940 · 7
<script type="text/javascript">
/* Korean initialisation for the jQuery calendar extension. */
/* Written by DaeKwon Kang (ncrash.dk@gmail.com). */
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>

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

댓글 작성

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

로그인하기

댓글 7개

14년 전
자세한건 찾아봐야겧지만maxdate이게 의심스럽군요
14년 전
yearRange: 'c-99:c+99', 요부분아닐까요?
c- 이 부분은 년도 범위 더라구요.
minDate: '-30d',
maxDate: '+30d'

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

$('#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='옆의 달력 아이콘을 클릭하여 날짜를 입력하세요.'>
<? } ?>
minDate: "-0d"
4년 전
저도 이 부분 땜시 헤매고 있었는데 감사합니다~

게시글 목록

번호 제목
284438
284437
284435
284430
284420
284417
284409
284401
284399
284397
284380
284378
284371
284370
284366
284364
284360
284357
284355
284354