jquery日期控件+时分秒

因为项目需要，一些时间上的查询要精确的时分.先看下效果图吧。

所需要的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,

});
});

到此就可以完成啦。