jQuery timepicker addon的完整demo实现

最近公司的项目要涉及到jQuery UI的datepicker，实现后客户要求能精确到时分秒，于是上网总结资料，找到了jQuery timepicker addon这个扩展板，但苦于官网没有完整的demo，于是自己总结了一份，希望对大家有帮助。
目录结构：


[img]http://dl.iteye.com/upload/attachment/0062/2036/5fc2b2f0-d0ea-31a2-aa20-7c37046ccfc3.bmp[/img]


关键的jQuery代码：

(function($) {
	$(function() {


	if($.fn.datepicker){
			$( ".ui_timepicker" ).datetimepicker({
			showOn: "button",
			buttonImage: "./css/images/icon_calendar.gif",
			buttonImageOnly: true,
			showSecond: true,
	        timeFormat: 'hh:mm:ss',
    	    stepHour: 1,
        	stepMinute: 5,
    	    stepSecond: 10


			})


	}

	})
})(jQuery);

[img]http://dl.iteye.com/upload/attachment/0062/2020/44c15cce-7fd1-3786-9393-b966328ae733.jpg[/img]


最后上传一份完整的demo，希望有帮助吧！！