[jQuery/Javascript] 월선택 달력 MonDatepicker v1.0

작성자 : ahmax(ahmax95@gmail.com)
작성일 : 2011.03.19
http://beans9.tistory.com

- jQuery를 이용해서 만든 월선택 달력입니다.
검색시스템을 만들때 월별검색시 편하게 선택할 수 있도록 만든 달력입니다.
기존에 일선택달력과 병행해서 사용하셔도 문제가 없습니다. 현재 서로 다른 js와 css을 사용하고 있어서 병행해서
사용할 경우 css와 js를 모두 호출해주셔야 하는데 조만간 합치는 작업을 할 예정입니다. 많이 이용해 주시고 피드백 부탁드립니다.

 

특징

• 달력위에서 스크롤로 년단위 이동가능
• 간단한 사용방법
• 현재월은 파란박스로 표시
• 선택되어진 월은 빨간박스로 표시
• 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_mon_ahmax.js"></script>
<link rel='stylesheet' href='./calendar_mon_ahmax.css' type='text/css' />
...
<input type="text" id="cal">
<script type="text/javascript">
 <!--
  initCalMon("cal1");     
 //-->
 </script> 

최대년수/날짜구분자 수정방법

• calendar_mon_ahmax.js 파일을 수정

   // 최대연수 (0으로 할경우 현제 년도까지)
   var max_year = 2020;
   
   // 최소연수
   var min_year = 2005;
   
   // 날짜표시형식 (xxxx-xx-xx) .이나 /로 변경가능합니다. 
   var date_split_format = "-";

사용에는 제한이 없으니 마음껏 사용하시고 피드백부탁드립니다.
퍼가실경우 출처를 밝혀주시기 바랍니다.

http://beans9.tistory.com

calendar_mon_ahmax_v1.0.zip