calendar.js : 빠른이동단추 없이 사용하는 달력
claendar2.js : 빠른이동 을 눌렀을때 셀렉트박스가 출력되는 형태

달력에 사용된 이미지는
http://sir.co.kr/bbs/tb.php/g4_skin/63244/ba397b039f738ed10dc99e16ce1b71dd
이글에서 다운받아서 사용했습니다. 이미지 문제관련은 삭제 요청즉시 삭제하겠습니다.
원글의 허락 받지 못한점 죄송합니다.
도용이미지건 : 요일표기 이미지 7건, 월-년 이동버튼 2건, 오늘날짜 뒷배경 1건, 총 10건입니다.

기능 :
-여러개의 인풋박스에서 사용할 수 있습니다.
-인풋박스에 날짜가 입력되어있으면 그 년, 월을 기준으로 달력이 출력됩니다.
-0000-00-00 의 값이나 인풋박스의 빈값일경우 현재월을 기준으로 출력됩니다.
-인풋박스의 시작위치, 높이등을 계산하여 어떤 인풋박스를 클릭하던 인풋박스 바로 아래 표시됩니다. 위치를 조정하시려면 141 142 라인근처에 -2 값을 적당한 값으로 변경하시면 됩니다.
left = XY[0] - 2;
top = XY[1] + XY[2] - 2;
-파폭에서도 정상출력됩니다.
-달력생성시 셀렉트박스를 숨겨줍니다.
-빠른이동을 눌렀을때 셀렉트박스가 출력되면서 빠르게 년,월을 이동하실 수있습니다.

잡다한:
-js파일 상단에서 대략 간단하게 레이아웃을 수정하실 수 ? 있습니다 ^^;
-[오늘]을 클릭했을때 이번년 이번달이 출력되지 않고 바로 인풋박스에 오늘 날짜를 넣고 싶으시면
179라인경 <a href='javascript:Calendar_Move_All("+Cur_Year+", "+Cur_Month+")'>[오늘]</a> 이부분을
<a href='javascript:Calendar_SetToday();'>[오늘]</a> 로 변경해주시면됩니다.

사용법은.. 우선 파일을 다운로드 받아서~
/js 폴더에 calendar.js파일 넣어주시구요
/img 폴더에 images.zip 파일들을 압축풀어 넣어주시면 됩니다.
그리고 html 코딩은 아래와 같이.
<form>
<input type=text name='start_date' id='start_date' onclick="Calendar_Create('start_date');" readonly size=10> ~ <input type=text name='end_date' id='end_date' onclick="Calendar_Create('end_date');" readonly size=10>
</form>

<script language="javascript" src="<?=$g4_path['path']?>/js/calendar.js"></script>
<script language="javascript" src="<?=$g4_path['path']?>/js/sideview.js"></script>

중요 :
 id 를 적어주셔야 합니다. name값을 적으면 오류납니당.. input type=text id='aa' 일경우
onclick="Calendar_Create('aa');"  형식이 되어야 합니다.


저는 sideview.js 에 포함되어있는 selectBoxHidden(); 과 selectBoxVisible(); 를 common.js에 옮겨서 사용하고 있습니다만.. 위 html소스대로 사용하시면되고 common.js파일에 옮기시면 sideview.js는 불러오지 않아도 됩니다.

2월 20일 10:26분 파이어폭스 미작동 부분 해결하였으며 파폭에서 나는 오류 모두 처리되었습니다.
소스가 10라인가량 수정되었으므로 이전에 받으신분은 새로 받아서 사용해주시기 바랍니다.
불편드려 죄송합니다~

*오류처리사항-----------------------------------------------
파폭에서 달력이 제대로 출력되지 않음
파폭에서 년도가 제대로 출력되지 않음
파폭에서 달력 사이즈가 조절되지 않음
파폭에서 날짜칸에 마우스가 오버했을시 커서 포인트 변하지 않음
구형 함수 제거.