XiaoSpring 2015-05-05
Jquery datetimepicker时间控件使用介绍:
1、引入JS
<script src="/CSMS/statements/js/select2-4.0.0/tests/vendor/jquery-1.7.2.js" type="text/javascript"></script>
<script src="/CSMS/CSMS/Public/js/datetimepicker.js" type="text/javascript"></script>(PS:Jquery datetimepicker时间控件核心JS)
2、JSP中使用
<td width="25%">
起止日期:<input type="text" value="${timeStart}" maxlength="100" id="timeStart" name="timeStart" onclick="SelectDate(this,'yyyy-MM-dd')"/>至
<input type="text" value="${timeEnd}" maxlength="100" id="timeEnd" name="timeEnd" onclick="SelectDate(this,'yyyy-MM-dd')"/>
</td>
(PS:如果需要用到时分秒SelectDate(this,'yyyy-MM-dd') 后加上hh:mm:ss即可)
3、效果如图:
4、附件为核心datetimepicker.js也可至官网进行下载。