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

bootstrap 和datapicker 样式不兼容修复

2015-04-17 19:40 225 查看
修改 datepicker.js内的

layout 方法

function(el) {
var options = $(el).data('datepicker');
var cal = $('#' + options.id);
if (options.extraHeight === false) {
var divs = $(el).find('div');
options.extraHeight = divs.get(0).offsetHeight + divs.get(1).offsetHeight;  // heights from top/bottom borders
options.extraWidth = divs.get(2).offsetWidth + divs.get(3).offsetWidth;     // widths from left/right borders
}
var tbl = cal.find('table:first').get(0);
var width = tbl.offsetWidth;
var height = tbl.offsetHeight;
cal.css({
width: width + options.extraWidth + 'px',
height: height + options.extraHeight + 'px'
}).find('div.datepickerContainer').css({
//            cdp 修改位置+30
width: width + 30+'px',
height: height + 'px'
});
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: