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

[해피CGI][cgimall] 시간을 선택하는 timepicki v2.0 본문

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

[해피CGI][cgimall] 시간을 선택하는 timepicki v2.0

해피CGI윤실장 2017. 1. 24. 09:18



시,분,am/pm 을 선택할 수 있습니다.



단순하지만 가장 직관적인 UI 를 가지고 있어 시간이 입력되어야할 항목에서 유용하게 사용이 가능합니다.

또한 키보드의 키값으로 선택이 가능하여 tab 으로 input 을 선택후 화살표 위/아래 버튼을 클릭하여 선택이 가능합니다.

<input id = 'timepicker'type = 'text 'name ='timepicker '/>


위와같은 id, name값을 선언하시면 쉽게 적용이 가능하며, 사용하기 위한 .js, .css  소스를 경로상에 적용해주시고

입력요소 선택기가 있는 timepicki 값을 페이지상에 삽입하시면 사용이 가능합니다.

<script type = 'text / javascript'src ='js / jquery.js '> 
	$ ( '# timepicker'). timepicki (); 
</ script>

 

홈페이지바로가기 

Comments