工作室最近一项目用到了传说中的前台排版神器bootstrap,使用下来是发现bootstrap方便了程序员前台写html css的时间. 提高了不了效率,我们可以将更多的精力用到程序上. 今天用到laydate整合bootstrap时发现laydate有错位现象.以下内容很好的解决了bootstrap与laydate冲突问题(主要是css问题)

    解压后，将laydate整个文件放至您项目的任意目录，不要移动其文件结构，它们具有完整的依赖体系。

使用只需在页面引入laydate.js即可。

如果您的网站的js采用合并或模块加载，您需要打开laydate.js，修改path。

用于实际项目时请保留来源，勿剔除laydate.js头部注释。

【外部js调用】 【图标触发日期】

 

 

因为Bootstrap使用了 * {box-sizing:border-box;}来reset浏览器的默认盒子模型。所以加上以下代码就可以兼容Bootstrap了

 

    .laydate_box, .laydate_box * {

        box-sizing:content-box;

    }

是的就是这条css重新定义了laydate显示部分.使laydate与bootsrap完美兼容