因为项目需要，一些时间上的查询要精确的时分.先看下效果图吧。
所需要的js 跟css 文件
jsp://特别注意引入的先后顺序
<link rel="stylesheet" href="${pageContext.request.contextPath }/css/jqueryui/jquery-ui-timepicker-addon.css">
<link rel="stylesheet" href="${pageContext.request.contextPath }/css/jqueryui/demos.css">
<link rel="stylesheet" href="${pageContext.request.contextPath }/css/jqueryui/jquery-ui.css">
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jqueryui/jquery-ui.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jqueryui/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jqueryui/jquery-ui-timepicker-zh-CN.js"></script>
$(function(){($('#startDate').datetimepicker({
changeMonth: true, 月份可更改
changeYear: true, //年可更改
timeFormat: "HH:mm:ss",//时分秒显示格式
dateFormat: "yy-mm-dd",//年月日显示格式
dayNamesMin: [ "七","一", "二", "三", "四", "五", "六"],//一周中文显示
monthNamesShort: ["一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二"],//月份中文显示
stepHour: 2, //时间选择隔2小时，可选择
stepMinute: 10,
stepSecond: 10,//步长
showHour:true,//是否显示小时
showMinute:true,
showSecond:true,
});
});
到此就可以完成啦。