- 달력위에서 스크롤로 월단위 이동가능
- 간단한 사용방법
- 현재 날짜는 파란박스로 표시
- 선택되어진 날짜는 빨간박스로 표시
- IE,Chrome,FF 지원
업데이트 내용
- 초기화 스크립트 호출시 달력외에 다른부분들도 드래그가 안되는 현상을 수정
(달력안에서만 드래그 안되도록)
사용방법
- 필요한 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>
<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>
최대년수/날짜구분자 수정방법
- 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 = "-";
사용에는 제한이 없으니 마음껏 사용하시고 피드백부탁드립니다.
퍼가실경우 출처를 밝혀주시기 바랍니다.
http://beans9.tistory.com
'개발' 카테고리의 다른 글
[jQuery/Javascript] 달력 datepicker v1.5 (2) | 2011.04.03 |
---|---|
[jQuery/Javascript] 달력 datepicker v1.4 (14) | 2011.03.23 |
[jQuery/Javascript] 월선택 달력 MonDatepicker v1.0 (13) | 2011.03.19 |
[jQuery/Javascript] 달력 datepicker v1.2 (14) | 2011.03.17 |
[Eclipse/Tip] 풍선 도움말(hover) 기능 끄기 (0) | 2011.03.10 |