Jquery 时间控件

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、效果如图:


Jquery 时间控件

4、附件为核心datetimepicker.js也可至官网进行下载。
 

相关推荐