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>
위 소스는 그누보드 회원 가입폼 생일 입력 달력표시 부분입니다.
생일만 입력 달력으로 설정되어 있다보니, 과거의 날짜만 선택이 가능한데요.
이걸 반대로 오늘을 포함한 미래의 날짜만 입력 받으려면 어떻게 수정해야 하는지요?
/* 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>
위 소스는 그누보드 회원 가입폼 생일 입력 달력표시 부분입니다.
생일만 입력 달력으로 설정되어 있다보니, 과거의 날짜만 선택이 가능한데요.
이걸 반대로 오늘을 포함한 미래의 날짜만 입력 받으려면 어떻게 수정해야 하는지요?
댓글 전체
자세한건 찾아봐야겧지만maxdate이게 의심스럽군요
yearRange: 'c-99:c+99', 요부분아닐까요?
c- 이 부분은 년도 범위 더라구요.
minDate: '-30d',
maxDate: '+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='옆의 달력 아이콘을 클릭하여 날짜를 입력하세요.'>
<? } ?>
$('#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"
저도 이 부분 땜시 헤매고 있었는데 감사합니다~