jquery ui 플러그인을 사용하여 잘 동작하는데요.
한 페이지에 총 4개의 datepicker을 넣고자 하는데
2개까지만 제대로 동작을 하고
나머지는 datepicker 함수를 불러 오지를 못하네요..
(코드상 위쪽에선언된 함수 2개만 정상작동입니다.)
아래의 경우 date_wr_9, date_wr_10만 정상 작동합니다.
함수 선언 순서를 바꿔도 위쪽에 선언된 함수 2개에 해당 되는 부분만 작동합니다.
혹시 이러한 경험이 있으셨거나 해결방법 아시는 분 계실까요???
Copy
<input type="text" name="wr_1" value="<?php echo $write["wr_1"]; ?>" id="date_wr_1" required class="frm_input" size="11" readonly="readonly"> ~ <input type="text" name="wr_2" value="<?php echo $write["wr_2"]; ?>" id="date_wr_2" required class="frm_input" size="11" readonly="readonly"> <input type="text" name="wr_9" value="<?php echo $write["wr_9"]; ?>" id="date_wr_9" required class="frm_input" size="11" readonly="readonly"> ~ <input type="text" name="wr_10" value="<?php echo $write["wr_10"]; ?>" id="date_wr_10" required class="frm_input" size="11" readonly="readonly"> ...... $(function(){ $("#date_wr_9").datepicker({ changeMonth: true, changeYear: true, dateFormat: "yy-mm-dd", showButtonPanel: true, yearRange: "c-99:c+99", minDate: "+0d;", maxDate: "+365d;" });}); $(function(){ $("#date_wr_10").datepicker({ changeMonth: true, changeYear: true, dateFormat: "yy-mm-dd", showButtonPanel: true, yearRange: "c-99:c+99", minDate: "+3d;", maxDate: "+365d;" }); end_2399();}); $(function(){ $("#date_wr_1").datepicker({ changeMonth: true, changeYear: true, dateFormat: "yy-mm-dd", showButtonPanel: true, yearRange: "c-99:c+99", minDate: "+0d;", maxDate: "+365d;" });}); $(function(){ $("#date_wr_2").datepicker({ changeMonth: true, changeYear: true, dateFormat: "yy-mm-dd", showButtonPanel: true, yearRange: "c-99:c+99", minDate: "+3d;", maxDate: "+365d;" }); end_2399();});답변 2개 / 댓글 2개
채택된 답변
+20 포인트
2016-06-03 (금) 16:15:38
제가 쓰는걸로는 잘되는데
한번 이걸로 해보시겠어요?
Copy
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" type="text/css" media="all" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js" type="text/javascript"></script> <script>$(function() { $( "#datepicker1, #datepicker2, #datepicker3, #datepicker4" ).datepicker({ dateFormat: 'yy-mm-dd', prevText: '이전 달', nextText: '다음 달', monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], dayNames: ['일','월','화','수','목','금','토'], dayNamesShort: ['일','월','화','수','목','금','토'], dayNamesMin: ['일','월','화','수','목','금','토'], showMonthAfterYear: true, yearSuffix: '년' });});</script> <input type="text" id="datepicker1" name="wr_1" value="<?echo $write["wr_1"]?>"><input type="text" id="datepicker2" name="wr_2" value="<?echo $write["wr_2"]?>"><input type="text" id="datepicker3" name="wr_9" value="<?echo $write["wr_9"]?>"><input type="text" id="datepicker4" name="wr_10" value="<?echo $write["wr_10"]?>">답변에 대한 댓글 1개
2016-06-03 (금) 17:38:03
end_2399();
이 부분에서 오류가 나는 것 같습니다.
이 구문을 빼 보세요.
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.