일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- php
- 사이트제작
- #홈페이지
- #홈페이지제작
- 웹솔루션
- 홈페이지제작
- #jQuery
- jquery
- #이미지
- #웹솔루션
- 홈페이지
- 쇼핑몰
- happycgi
- #해피CGI
- #쇼핑몰
- CSS
- #image
- 해피씨지아이
- #cgimall
- #CSS
- #happycgi
- 솔루션
- #업종별
- #솔루션
- #동영상
- 게시판
- CGIMALL
- 해피CGI
- javascript
- #뉴스
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] Material Inspired Date & Date Range Picker - duDatepicker 본문
웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] Material Inspired Date & Date Range Picker - duDatepicker
해피CGI윤실장 2021. 4. 6. 09:25여러개의 날짜를 선택할 수 있는 Javascript 로 제작된 달력입니다.
다운로드 받은 파일의 압축을 해제한후
demo/index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다.
날짜를 입력받기 위한 입력폼을 클릭해보면
아래 그림과 같이 달력이 화면에 표시가 됩니다.
일반적인 달력들은
보통 1개의 날짜를 선택하기 위한 목적으로 사용이 됩니다만,
이 달력 프로그램은
위 화면의 달력에서
쉬프트키를 누르고 날짜를 클릭하면
해당 구간을 지정할 수 있는 특징이 있습니다.
검은색 계열의 스킨도 있네요.
보통의 달력 프로그램들 처럼
날짜를 입력 받는 폼이 있는 위치에 달력을 표시하는 기능도 있네요.
Jquery 와 같은 라이브러리를 이용하지 않고
순수 Javascript 로만 제작된 달력 프로그램입니다.
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] 가격 검색에 이용가능한 가격 슬라이드 JQuery (1) | 2021.04.15 |
---|---|
[해피CGI][cgimall] 버튼애니메이션 (0) | 2021.04.08 |
[해피CGI][cgimall] class 로 체크하는 간단한 체크박스 모두선택, 모두선택 해제 (0) | 2021.03.30 |
[해피CGI][cgimall] JQuery Number Control with Virtual Keyboard (0) | 2021.03.25 |
[해피CGI][cgimall] jquery Dropdown (0) | 2021.03.24 |
Comments