bootstrap 和datapicker 样式不兼容修复
2015-04-17 19:40
225 查看
修改 datepicker.js内的
layout 方法
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' }); }
相关文章推荐
- 解决bootstrap-paginator与bootstrap3样式兼容的问题
- 修复bootstrap daterangepicker不能清空日期的问题
- 高德地图API使用笔记 -- bootstrap样式与高德地图兼容的问题
- 日期 bootsrtap-datatimepicker and bootstrap-datepicker 控件支持中文
- 日期 bootsrtap-datatimepicker and bootstrap-datepicker 控件支持中文
- 日期 bootsrtap-datatimepicker and bootstrap-datepicker 支持中文
- bootstrap datatimepicker 汉化
- bootstrap-datetimepicker 进一步跟进~~~开始时间和结束时间的样式显示
- bootstrap-datetimepicker.js的兼容性问题(IE10兼容模式无法弹出窗口)
- bootstrap datatimepicker 时间选择插件---精确到时分秒
- WEB-laydate兼容bootstrap样式错误
- bootstrap中日期时间控件datatimepicker的用法
- C# WinForm开发系列之DataTimePicker控件显示月份的限制和关于DataTimePicker和monthCalendar的样式设置问题
- bootstrap-datetimepicker的使用方法和兼容问题
- bootstrapdatetimepicker ff 浏览器 不兼容处理方法
- bootstrap-datatimepicker双击失效问题解决。
- 百度地图与bootstrap样式不兼容的问题
- bootstrap-datetimepicker.js与IE8的兼容问题
- 第20篇:基于bootstrap-datatimepicker带时间段的选择 (与multiselect搭配使用,与angular搭配使用)
- Html学习-之bootstrap,datatables,datatimepicker,java string截取