laydate兼容bootstrap
2015-06-06 19:39
645 查看
注意事项
解压后,将laydate整个文件放至您项目的任意目录,不要移动其文件结构,它们具有完整的依赖体系。使用只需在页面引入laydate.js即可。
如果您的网站的js采用合并或模块加载,您需要打开laydate.js,修改path。
用于实际项目时请保留来源,勿剔除laydate.js头部注释。
【外部js调用】 <input id="hello" class="laydate-icon"> <script> laydate({ elem: '#hello', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class' event: 'focus' //响应事件。如果没有传入event,则按照默认的click }); </script> 【图标触发日期】 <input id="hello1"> <span class="laydate-icon" onclick="laydate({elem: '#hello1'});"></span>
因为Bootstrap使用了 * {box-sizing:border-box;}来reset浏览器的默认盒子模型。
所以加上以下代码就可以兼容Bootstrap了
.laydate_box, .laydate_box * {
box-sizing:content-box;
}
相关文章推荐
- SpringMVC学习系列(12) 完结篇 之 基于Hibernate+Spring+Spring MVC+Bootstrap的管理系统实现
- bootstrap 导航布局
- BootStrap 智能表单系列 六 表单数据绑定(编辑页面的数据绑定)
- BootStrap 智能表单系列 八 表单配置json详解
- BootStrap 智能表单系列 七 验证的支持
- BootStrap 智能表单系列 五 表单依赖插件处理
- BootStrap 智能表单系列 四 表单布局介绍
- BootStrap 智能表单系列 三 分块表单配置的介绍
- BootStrap 智能表单系列 二 BootStrap支持的类型简介
- bootstrap 智能表单 demo示例
- bootstrap 学习笔记 - 5 (Glyphicons字体 + 下拉菜单 + 按钮组+ 按钮下拉菜单)
- 基于Bootstrap3制作响应式布局网站(四)
- ASP.NET MVC Bootstrap极速开发框架
- 解决jquery-ui-autocomplete选择列表被Bootstrap模态窗遮挡的问题
- Bootstrap 栅格系统的精妙之处
- BootStrap实现带有增删改查功能的表格(DEMO详解)
- BootStrap 智能表单系列 首页 (持续更新中...)
- 基于 bootstrap 的数据展示--bootgrid 样式修改。
- Bootstrap--全局css样式之表单
- bootstrap 学习笔记 - 4 (按钮 + 图片 + 辅助类)