[해피CGI][cgimall] Material Inspired Date & Date Range Picker

해피CGI윤실장 2021. 4. 6. 09:25

여러개의 날짜를 선택할 수 있는 Javascript 로 제작된 달력입니다.

다운로드 받은 파일의 압축을 해제한후
demo/index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다.

날짜를 입력받기 위한 입력폼을 클릭해보면
아래 그림과 같이 달력이 화면에 표시가 됩니다.

일반적인 달력들은
보통 1개의 날짜를 선택하기 위한 목적으로 사용이 됩니다만,
이 달력 프로그램은
위 화면의 달력에서
쉬프트키를 누르고 날짜를 클릭하면
해당 구간을 지정할 수 있는 특징이 있습니다.

검은색 계열의 스킨도 있네요.

보통의 달력 프로그램들 처럼
날짜를 입력 받는 폼이 있는 위치에 달력을 표시하는 기능도 있네요.

Jquery 와 같은 라이브러리를 이용하지 않고
순수 Javascript 로만 제작된 달력 프로그램입니다.