jQuery 플러그인 중에서 Form Input 태그를 이용하여 시간을 선택해주는 플러그인을 소개합니다.
ClockPick 라는 명칭의 플러그인 입니다.
원본소스 : http://jnathanson.com/index.cfm?page=jquery/clockpick/ClockPick
아래 이미지 처럼 input 칸에 나타나게 됩니다.
날짜 : <input type="text" name="reserve_date1" id="reserve_date1"> 시간 : <input type="text" name="reserve_date2" id="reserve_date2">
<link rel="stylesheet" href="jquery.clockpick.1.2.9.css" type="text/css" charset="UTF-8" media="all" />
<script type="text/javascript" src="jquery.clockpick.1.2.9.min.js"></script>
<script type="text/javascript">
(function($){
$(function(){
$("#reserve_date1").datepicker({dateFormat:'yy-mm-dd'});
$("#reserve_date2").clockpick({
starthour : 0,
endhour : 23,
showminutes : true,
minutedivisions : 12,
military : true
});
});
})(jQuery);
</script>