웹솔루션개발 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:05

Jquery 로 제작된 
시계모양의 UI를 통해서 
시간을 입력받기 위한 스크립트입니다.

첨부된 파일을 다운로드해서
압축을 풀어보면 
index.html 파일을 웹브라우저를 이용해서 열어보면 확인이 됩니다.



열어 보면 입력박스만 있는데 입력박스를 마우스로 클릭해보면
아래 그림과 같이 
시간을 선택하고 분을 선택하는 시계를 이용해서



입력박스에 시간을 입력할수 있습니다.


시계를 조절하는 몇가지 옵션이 있는데,
입력박스를 클릭했을때 시계를 이용해서 시간을 입력받도록 적용하는 방법은 
https://www.jqueryscript.net/time-clock/Material-Time-Picker-Plugin-jQuery-MDTimePicker.html

위 페이지의 



옵션의 이름, 설정된 값등이 나와 있습니다.




홈페이지바로가기 소스다운로드


Comments