1. 기본형
Code : $('#sDate1').helloCalendar();
2. 년도와 월을 선택할수 있음
Code : $('#sDate2').helloCalendar({'selectBox':true});
3. 년월일 중간에 들어가는 문자열을 정의 할수 있습니다. ( 기본은 "-" 입니다 )
Code : $('#sDate3').helloCalendar({'sign':'.'});
4. 선택할수 있는 구간을 임의로 정할수 있습니다.
Code : $('#sDate4').helloCalendar({'startLinkDate':'2011-05-09','endLinkDate':'2011-05-13'});
5. 시작일과 종료일을 연결하여 종료일보다 큰 날짜를 시작일쪽에서 선택이 되지 않도록 합니다.
Code : $('#sDate5').helloCalendar({'endLink':'eDate5'}); $('#eDate5').helloCalendar({'startLink':'sDate5'});
~
6. 이미지를 클릭했을때 달력이 나오도록 설정
Code : $('#sDate6').helloCalendar({'clickID':'sDate6Img'});
7. 달력이 나오면 달력에 이전달과 다음달 사이에 타이틀을 누르시면 각월에 1일과 각월에 마지막일이 선택되어 집니다.
Code : $('#sDate7').helloCalendar({'sTitle':true}); $('#eDate7').helloCalendar({'eTitle':true});
~
8. 달력이 펼쳐져 있는 형태
Code : $('#calrendarDiv').helloCalendar({'inputID':'sDate8'});