웹솔루션개발 25년 노하우! 해피CGI의 모든것

다양한 기능을 제공하는 air-datepicker 입니다.출발일~도착일 범위 선택 기능도 제공 됩니다.https://github.com/t1m0n/air-datepicker 페이지에서 최신 소스를 다운로드가 가능하고,사용법도 확인 하실수가 있습니다.https://air-datepicker.com/examples 페이지에서 다양한 샘플을 확인이 가능하므로,샘플을 확인한뒤에 필요한 경우 다운로드 받아 설치를 하면 되겠습니다.자세한 API 메뉴얼도 제공이 됩니다.https://air-datepicker.com/methods

여러개의 날짜를 선택할 수 있는 Javascript 로 제작된 달력입니다. 다운로드 받은 파일의 압축을 해제한후 demo/index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 날짜를 입력받기 위한 입력폼을 클릭해보면 아래 그림과 같이 달력이 화면에 표시가 됩니다. 일반적인 달력들은 보통 1개의 날짜를 선택하기 위한 목적으로 사용이 됩니다만, 이 달력 프로그램은 위 화면의 달력에서 쉬프트키를 누르고 날짜를 클릭하면 해당 구간을 지정할 수 있는 특징이 있습니다. 검은색 계열의 스킨도 있네요. 보통의 달력 프로그램들 처럼 날짜를 입력 받는 폼이 있는 위치에 달력을 표시하는 기능도 있네요. Jquery 와 같은 라이브러리를 이용하지 않고 순수 Javascript 로만 제작된 달력 프로그램입니다.

jquery 를 이용한 달력 날짜 선택 소스 Datepicker 입니다. jquery 사이트를 통해 최신 jquery 소스 및 UI릴리즈를 다운받고 이용이 가능합니다. 소스를 보면 알지만 간단하게 적용 및 이용 가능합니다. 콤보박스에 월,년 보이기 여부, 달력아이콘 출력여부, 날짜 형식 등을 지정할 수 있습니다. 기본 제공 소스를 보면 날짜 입력이 필요한 여러 파트에 손쉽게 이용이 가능하고 응용변경도 가능합니다.