jquery⽇期控件+时分秒
因为项⽬需要,⼀些时间上的查询要精确的时分.先看下效果图吧。
所需要的js 跟css ⽂件
jsp://特别注意引⼊的先后顺序
<link rel="stylesheet" href="${tPath }/css/jqueryui/jquery-ui-timepicker-addon.css">
<link rel="stylesheet" href="${tPath }/css/jqueryui/demos.css">
<link rel="stylesheet" href="${tPath }/css/jqueryui/jquery-ui.css">
<script type="text/javascript" src="${tPath }/js/jquery/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="${tPath }/js/jqueryui/jquery-ui.js"></script>
<script type="text/javascript" src="${tPath }/js/jqueryui/jquery-ui-timepicker-addon.js"></script> <script type="text/javascript" src="${tPath }/js/jqueryui/jquery-ui-timepicker-zh-CN.js"></script> $(function(){($('#startDate').datetimepicker({
changeMonth: true,  ⽉份可更改
jqueryui拖拽范围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,
});
});
到此就可以完成啦。