일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 사이트제작
- #업종별
- #해피CGI
- #솔루션
- 해피씨지아이
- #동영상
- #CSS
- CGIMALL
- 웹솔루션
- 게시판
- javascript
- 솔루션
- happycgi
- #이미지
- #image
- 홈페이지
- jquery
- 해피CGI
- #홈페이지제작
- #happycgi
- CSS
- php
- #jQuery
- #쇼핑몰
- 홈페이지제작
- 쇼핑몰
- #홈페이지
- #뉴스
- #cgimall
- #웹솔루션
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] Material Inspired Clock Time Picker Plugin - jQuery MDTimePicker 본문
웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] Material Inspired Clock Time Picker Plugin - jQuery MDTimePicker
해피CGI윤실장 2018. 11. 14. 09:05Jquery 로 제작된
시계모양의 UI를 통해서
시간을 입력받기 위한 스크립트입니다.
첨부된 파일을 다운로드해서
압축을 풀어보면
index.html 파일을 웹브라우저를 이용해서 열어보면 확인이 됩니다.
열어 보면 입력박스만 있는데 입력박스를 마우스로 클릭해보면
아래 그림과 같이
시간을 선택하고 분을 선택하는 시계를 이용해서
입력박스에 시간을 입력할수 있습니다.
시계를 조절하는 몇가지 옵션이 있는데,
입력박스를 클릭했을때 시계를 이용해서 시간을 입력받도록 적용하는 방법은
https://www.jqueryscript.net/time-clock/Material-Time-Picker-Plugin-jQuery-MDTimePicker.html
위 페이지의
옵션의 이름, 설정된 값등이 나와 있습니다.
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] 원형,방사형 슬라이드효과 roundslider (0) | 2018.11.19 |
---|---|
[해피CGI][cgimall] 네이버 스마트 에디터 V2.9.1 (0) | 2018.11.16 |
[해피CGI][cgimall] 부드러운 이동 애니메이션을 위한 Easing jquery (0) | 2018.11.12 |
[해피CGI][cgimall] 여러 폼타입과 위젯을 하나의로 그룹화해서 쓸수 있는 jqueryui (0) | 2018.11.09 |
[해피CGI][cgimall] jQuery UI Draggable Cursor style (0) | 2018.11.07 |
Comments