【问题标题】:X Editable datetime icons not showingX 可编辑的日期时间图标未显示
【发布时间】:2016-02-06 16:15:14
【问题描述】:

我正在使用 X Editable 来操作客户端数据。然而,其中一个组件(日期时间)不显示在值(上个月、下个月)之间切换时使用的左右图标。

经过一番谷歌搜索,这似乎是 X Editable 的一个问题,因为 Bootstrap 从仅图标切换到 Glyphicons 并且 X Editable 没有赶上。我在 CSS 中找不到任何对 prev-next 按钮的引用,但确实在 JS 文件中找到了这个:

if (this.o.rtl){
    this.picker.addClass('datepicker-rtl');
    this.picker.find('.prev i, .next i')
               .toggleClass('icon-arrow-left icon-arrow-right');
}

icon-arrow-left 和 icon-arrow-right 类不在 CSS 文件中。我的问题是,我应该如何构建这些类来显示 Glyphicons?

【问题讨论】:

  • 运气好了吗?
  • 为了完整起见,这里是the issue

标签: css twitter-bootstrap x-editable


【解决方案1】:

请试试这个,这对我有用

.prev:before {
    content: "\2190 ";
}

.next:before {
    content: "\2192 ";
}

【讨论】:

  • 很好的解决方法,但这些 Unicode 符号看起来不正确。 font-family: FontAwesome;\f060\f061 内容看起来更好。
  • 或者,font-family:'Glyphicons Halflings';\e091 & \e092 也可以。
  • 你好@mlt,我对你在评论中提供的解决方案有一个奇怪的问题,我的日历只显示一个箭头,以下面代码中第二个写的为准,只显示上一个箭头按钮而不是下一个,请帮助: .next:before { font-family: 'FontAwesome';内容:“\f061”; } .prev:before { font-family: 'FontAwesome';内容:“\f060”;您能帮我显示日历导航的两个箭头吗,非常感谢
  • @Aqeel 不要在 cmets 中提问。尤其是关于其他 cmets。也许你有一些东西会以更高的优先级覆盖你的样式设置。使用浏览器的开发工具检查元素。
猜你喜欢
  • 1970-01-01
  • 2018-02-27
  • 2022-08-07
  • 1970-01-01
  • 1970-01-01
  • 2023-03-04
  • 2023-04-05
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多