- jQuery를 이용해서 만든 달력입니다.
특징
특징
- 달력위에서 스크롤로 월단위 이동가능
- 선언 한줄만으로도 간단히 사용가능
- 현재 날짜는 파란박스로 표시
- 선택되어진 날짜는 빨간박스로 표시
업데이트 내용
- 스크롤시 2개월씩 이동하던 현상 수정
- 최대년수 수정가능하도록 변경
- 날짜형식 구분자 수정가능하도록 변경
사용방법
- 필요한 js,css파일 import후 아래와 같이 javascript로 호출하여 사용
<input type="text" id="cal">
<script type="text/javascript">
<!--
initCal("cal1");
//-->
</script>
<script type="text/javascript">
<!--
initCal("cal1");
//-->
</script>
최대년수/날짜구분자 수정방법
- calendar_ahmax.js 파일을 수정
// 최대연수 (0으로 할경우 현제 년도까지)
var max_year = 2020;
// 최소연수
var min_year = 2005;
// 날짜표시형식 (xxxx-xx-xx)
var date_split_format = "-";
var max_year = 2020;
// 최소연수
var min_year = 2005;
// 날짜표시형식 (xxxx-xx-xx)
var date_split_format = "-";
사용에는 제한이 없으니 마음껏 사용하시고 피드백부탁드립니다.
퍼가실경우 출처를 밝혀주시기 바랍니다.
PS.
IE8,크롬에는 이상이 없으나 FF에서 휠스크롤시 여러달씩 이동되는 오류가 있습니다. (곧수정하도록 하겠습니다)
http://beans9.tistory.com
'개발' 카테고리의 다른 글
[jQuery/Javascript] 달력 datepicker v1.2 (14) | 2011.03.17 |
---|---|
[Eclipse/Tip] 풍선 도움말(hover) 기능 끄기 (0) | 2011.03.10 |
[jQuery/Javascript] 달력 datepicker v1.0 (4) | 2011.03.04 |
[iPhone/아이폰] MAC OS에서 iPhone에 긴 벨소리 넣기 (5) | 2011.02.01 |
[iPhone Dev/기초] 개념잡기 (0) | 2011.01.25 |