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; 

我认为最好的方法是: