[jQuery/Javascript] 달력 datepicker v1.6.1

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

1.6버전을 사용하시는분은 1.6.1로 업데이트 하시기 바랍니다.
- jQuery를 이용해서 만든 달력입니다.

:: 특징   - 달력 위에서 스크롤로 월단위 이동가능   - 현재 날짜는 파란색으로 표시   - 선택된 날짜는 빨간박스로 표시   - IE,Chrome,FF 지원  :: 업데이트 내용   - 달력 이미지 아이콘 옵션 추가       > 이미지는 입력창 오른쪽에 출력되므로 약간의 공간을 비워두셔야 합니다.   - 입력가능 옵션 추가     > 입력가능으로 선택시 달력이미지가 무조건 출력되고 입력창 클릭시 달력이 팝업되지 않습니다.      > 정상적인형식에 (YYYY구분자MM구분자DD) 입력 후 달력이미지 클릭시 해당날짜의 달이 표시됩니다.     > 형식이 올바르지 않은값 입력후 달력이미지 클릭시 오늘날짜의 달이 표시됩니다.         ex) 2010.01.01 (올바르게 인식) 2010.1.1 (올바르지 않은 형식으로 인식)   - 화면사이즈 변경시 달력이미지가 따라오지 않았던 현상 수정

:: 사용방법
 
  - 필요한 js,css파일 import후 아래와 같이 javascript로 호출하여 사용

...

:: 최대년수/날짜구분자/날짜시작일/Today유무/달력아이콘유무/입력가능 수정방법

  - calendar_ahmax.js 파일을 수정
  - image에 경우 현재 jquery에 달력이미지를 참조하고 있습니다. 링크가 깨질수도 있으니 본인이 직접 아이콘을
    만드셔서 올리시고 그 경로를 지정해 주시면 됩니다. 

// 최대연수 (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;

// image icon show(true)/hide(false)
var imageIcon = true;
var imageUrl  = "http://jqueryui.com/demos/datepicker/images/calendar.gif";

// readOnly
var readOnly = false;

사용에는 제한이 없으니 마음껏 사용하시고 피드백부탁드립니다.

퍼가실경우 출처를 밝혀주시기 바랍니다.

http://beans9.tistory.com

calendar_ahmax_v1.6.1.zip