하.. 어제 저녁 먹고 7시경부터.. 잡고있는 문제인데요..
html jquery datepicker 를 써서 달력안에서 다중 일자 선택을 해보려 하는데...
아무리 뒤져도 안나오네요 ㅜㅜ
multi datepicker란 검색어로 구글 5페이지까지 정독해봤는데... 그래도 못하겠어요 ㅜㅜ
영어 실력도 딸리고.. 프로그래밍 실력도 딸리나봅니다.. ㅜ
그래서 이렇게 염치 불구하고 고수님들께 도움을 청하고자 글을 올려 봅니다.
현재 제가 작업중인 기본 코드는 다음과 같습니다.
=========================================================================================================================
<!DOCTYPE html>
<meta charset="utf-8" />
<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" ).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: '년',
mode:'multiple'
});
});
</script>
<p>생년월일: <input type="text" class=".datepicker1"></p>
==============================================================================================================
여기에서 datepicker1을 ID로 받지 않고 class로 받은건 동적 변수들의 값을 받아 for문으로 뽑아내고자 class를 사용했구요...
위 소스에서 제가 작업하다가 원상복귀 시킨다고 시켜놨는데 다소 꼬인 부분이 있을 수 있습니다..
이 소스를 가지고 하나의 달력에서 multi date select 를 하려면 어떻게 해야 할까요?
방향을 도저히 못잡겠네요..
구글링 하다보니 mode:'multiple'을 쓰거나 .datepicker() 대신.multiDatePicer()을 쓰면 된다고 나와있길래 두가지 방법 모두 시도해보았지만
안되네요 ㅜㅜ 이 jquery를 기준으로 기간 선택은 만들겠는데.. 특정 일자 다중선택은 너무 어렵기만 하네요 ㅜ
고수님들의 많은 관심 부탁드립니다.. ㅜ
본인삭제금지
글쓰기