您的位置:首页 > Web前端 > BootStrap

Bootstrap datetimepicker 时间插件

2016-07-26 09:46 357 查看
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、效果图:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: