- jQuery를 이용해서 만든 달력입니다.
:: 특징
- 달력 위에서 스크롤로 월단위 이동가능
- 현재 날짜는 파란색으로 표시
- 선택된 날짜는 빨간박스로 표시
- IE,Chrome,FF 지원
:: 업데이트 내용
- 윤달표시 되도록 수정
- Today 버튼 유무 옵션 추가 ( 클릭시 오늘날짜에 달로 이동 )
- 달력이 오픈될때 입력값이 있으면 입력된 날짜의 달로, 없으면 오늘날짜의 달로 이동
|
:: 사용방법
- 필요한 js,css파일 import후 아래와 같이 javascript로 호출하여 사용
<script src="./jquery-1.4.4.min.js"></script>
<script src="./jquery.mousewheel.min.js"></script>
<script src="./calendar_ahmax.js"></script>
<link rel='stylesheet' href='./calendar_ahmax.css' type='text/css' />
...
<input type="text" id="cal">
<script type="text/javascript">
<!--
initCal("cal1");
//-->
</script>
:: 최대년수/날짜구분자/날짜시작일/Today유무 수정방법
- calendar_ahmax.js 파일을 수정
// 최대연수 (0으로 할경우 현제 년도까지)
var max_year = 2020;
// 최소연수
var min_year = 2005;
// 날짜표시형식 (xxxx-xx-xx) .이나 /로 변경가능합니다.
var date_split_format = "-";
// start day ( 0: sunday, 1:monday ) / 0으로 하면 일요일부터시작,1로하면 월요일부터 시작
var start_day = "0";
// today show(true)/hide(false) true하면 보여지고 false하면 삭제
var today_show = true;
사용에는 제한이 없으니 마음껏 사용하시고 피드백부탁드립니다.
퍼가실경우 출처를 밝혀주시기 바랍니다.
http://beans9.tistory.com
calendar_ahmax_v1.5.zip
