Date Range Picker 插件 bootstrap
2016-04-19 08:55
741 查看
<link rel="stylesheet" href="${ctx!}/plugin/daterangepicker/daterangepicker-bs3.css" /> …… //html <div class="input-prepend input-group col-xs-1" style="float:left;"> <span class="add-on input-group-addon" style="border-radius:0px;"> <i class="glyphicon glyphicon-calendar fa fa-calendar"></i> </span> <input class="form-control bdr date" style="width: 150px;border-radius:0px;" type="text" id="commentDate" name="commentDate" value="${commentDate!}" readonly="readonly" placeholder="评论日期"/> </div> …… <script type="text/javascript" src="/plugin/daterangepicker/moment.js"></script> <script type="text/javascript" src="/plugin/daterangepicker/daterangepicker.js"></script> //单个日期列表 <script type="text/javascript"> $('.date').daterangepicker({ singleDatePicker: true, showDropdowns: true }); //两个并排列表 <script> $(document).ready(function() { $('#dateTime').daterangepicker(); }); </script> //jfinal后台获取 String commentDate = this.getPara("commentDate"); …… this.setAttr("commentDate", commentDate); 参考链接地址: http://jingyan.baidu.com/article/4dc40848b96ed5c8d846f17f.html[/code]
相关文章推荐
- bootstrap-标题
- bootstrap支持ie8 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- JS组件系列——BootstrapTable+KnockoutJS实现增删改查解决方案(一)
- bootstrap的demo网站
- 基于Bootstrap实现Material Design风格表单插件 附源码下载
- Bootstrap 模态框(Modal)插件数据传值
- 基于Bootstrap实现Material Design风格表单插件 附源码下载
- Bootstrap简介
- JS组件Bootstrap ContextMenu右键菜单使用方法
- JS组件Bootstrap dropdown组件扩展hover事件
- Bootstrap学习 - 全局CSS样式
- JS组件Bootstrap dropdown组件扩展hover事件
- JS组件Bootstrap ContextMenu右键菜单使用方法
- 在bootstrap ace样式框架上修改的后台管理型模板(Tab页后台管理模板)
- jqGrid使用记录总结
- JAVA bootstrap ClassLoader和JAVA核心API替换 《java -Xbootclasspath/p:F:\myinteger.jar MyIntegerTest》
- 周日任务:了解bootstrap和后台管理系统
- 【一点一滴Bootstrap】可编辑的表格
- bootstrap修改默认字体,更换为微软雅黑或其他字体的方法
- yii使用bootstrap分页样式