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、效果图:
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、效果图:
相关文章推荐
- 一款漂亮的轻量级bootstrap中文后台管理系统模版
- 转:Bootstrap的常用类(CSS和布局组件)的总结
- bootstrap table学习小记
- ASP.NET MVC Bootstrap极速开发框架
- 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- bootStrap组件与插件
- Bootstrap tokenfield 使用指南
- bootstrap轮播控件不自动播放
- bootstrap 表单+按钮+对话框
- bootstrap, boosting, bagging 几种方法的联系
- **BOOTSTRAP** Bootstrap CSS-网格系统grid
- 前端校验框架-Bootstrap Validator
- bootstrap 中 dataTable 首页点击事件可用、下一页后点击事件无效
- 推荐一个好用的表格插件Bootstrap Table
- **BOOTSTRAP** Bootstrap简介
- Bootstrap Validator 表单验证
- 01.Bootstrap入门
- 后台框架源码bootstrap
- Bootstrap-折叠方法
- bootstrap框架之基本CSS样式