Bootstrap datetimepicker 时间插件

来源:互联网 发布:智能问答可编辑软件 编辑:程序博客网 时间:2024/05/02 04:59

1、 导入插件文件 (文件资源在我的csdn下载里面)如图:




2、 Freemarker页面上引入js 代码如下:

<link rel="stylesheet" href="${base}/vender/datetimepicker/jquery.datetimepicker.css"><script src="${base}/vender/datetimepicker/jquery.js"></script><script src="${base}/vender/datetimepicker/jquery.datetimepicker.js"></script>

3、Freemarker页面 html便签代码:

   发文日期 <input type="text" class="input input-auto" id="start"  name="startTime"    >   ~ <input type="text" class="input input-auto" id="end" name="endTime"    ><input type="text" style="display:none" class="input input-auto" id="ss" value="${(lawCondition.startTime)!}"   ><input type="text" style="display:none"class="input input-auto" id="ee" value="${(lawCondition.endTime)!}"   >
4、js 代码:

$(document).ready(function(){$("#end").datetimepicker();$("#start").datetimepicker();alertWarn();});

5、效果图:





0 0
原创粉丝点击