Bootstrap 3.0.0打破了datepicker图标
这是演示
如果您使用2.3.1,取消注释第12行,您将看到按钮正确显示
有谁知道如何修复版本3.0.0-rc1?
UPADTE
以下答案适用于Bootstrap 3 Release Candidates,但稳定版本确实包含Glyphicons库,它需要一个基类和一个单独的图标类,例如:
原始答案:
来自文档:
随着Bootstrap 3的推出,图标已被移动到一个单独的存储库中 。 这使主要项目尽可能地保持精简,使人们更容易交换图标库,并使Glyphicons图标字体更容易被更多人在Bootstrap之外使用。
这意味着您需要单独包含glyphicons,您可以使用Bootstrap自己的图标或其他库,如Font Awesome
要在bootstrap 3.0的bootstrap-datepicker中修复图标问题,请执行以下操作:
// ../bootstrap-datepicker.js
搜索下一个内容并替换
替换
用
替换
用
替换.toggleClass('icon-arrow-left icon-arrow-right');
with .toggleClass('glyphicon-arrow-left glyphicon-arrow-right');
这就是全部,我希望它适合你。
看起来像.icon-calendar
在3.0.0-rc1中不存在。
2.3.1 css
3.0.0-rc1 css
3.0.0-rc1 CSS中提到的唯一图标似乎与导航有关。 看起来他们可能已将其重命名为.glyphicon-calendar
。
因此,我宁愿添加另一个用于Bootstrap V2和V3的工作。
'+ ''+ ''+ ''+ //Añadido para solucionar el bug con BS3 ' '+ ' '+ ''+ ''+ ''+ //Añadido para solucionar el bug con BS3 ' '+ ' '+
在bootstrap-datetimepicker.js中找到以下行
this.fontAwesome = j.fontAwesome || this.element.data("font-awesome") || false;
替换为此
this.fontAwesome = j.fontAwesome || this.element.data("font-awesome") || true;
我认为最好的方法是: