jQuery Timepicker 사용하기

링크 4개 필요

 

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript" ></script>
<script src=" https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript" ></script>
<script language="JavaScript" src="/common/js/jquery-ui-timepicker-addon.js"></script>

 

타겟 필요

 

<input type="datetime" name="CM_CRT_SDTE1" id="CM_CRT_SDTE1" value="" size="6" style="text-align:center;">

 

구현 필요

 

$('#CM_CRT_SDTE1').timepicker({
 timeFormat: 'HH:mm',
 showOn: 'button',
 buttonImage: '/common/img/btn_calendar.gif',
 buttonImageOnly: true
});