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

[해피CGI][cgimall] clock-style timepicker with jQuery 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] clock-style timepicker with jQuery

해피CGI윤실장 2017. 2. 20. 09:18
웹사이트에서 시계의 인터페이스를 이용해서 시간을 입력받기 위한 스크립트입니다.

데모페이지
http://www.htmldrive.net/items/demo/1496/clock-style-timepicker-with-jQuery

에서 바로 확인이 가능합니다.


사용방법은
다운로드 받은 파일의 압축을 해제해서
생긴 파일들중 index.html 을 웹브라우져에서 열어보면 아래와 같은
화면을 확인하실수 있습니다.



시간을 클릭했을때와,
분을 클릭했을때 서로 다른 화면으로
선택이 가능하도록 해주네요.






분을 선택하는 화면




그 외에도 현재 시간을 가리키는 기능도 있고,


시계를 이용해서 시간,분을 선택할때,
드래그 이벤트가 활성화 되어 있다 보니까
모바일 기기에서 사용될일이 많지 않을까 싶네요.






해당 스크립트에 사용할 옵션에 대해서도 아래 와 같이 제공해주네요.




라이센스는 MIT 라이센스이며,


출처는
http://www.htmldrive.net/items/show/1496/clock-style-timepicker-with-jQuery
입니다.


 

홈페이지바로가기 

Comments