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

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

· 14년 전 · 14939 · 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년 전
저도 이 부분 땜시 헤매고 있었는데 감사합니다~

게시글 목록

번호 제목
284508
284499
284492
284490
284484
284481
284478
284476
284474
284472
284470
284458
284457
284454
284453
284447
284446
284444
284441
284440