无法在fullcalendar的next＆amp; prev按钮中使用glyphicon

Question

我试图通过使用glyphicon来更改fullcalendar下一个上一个按钮的样式。

这是我的代码：

$(document).ready(function() {
  $('#calendar').fullCalendar({
      buttonText : {
          prev : '<i class="glyphicon glyphicon-triangle-left"></i>',
          next : '<i class="glyphicon glyphicon-triangle-right"></i>'
      }
  });
});

它无法正常工作。它显示如下：

这是一个渲染的HTML代码，

我不知道出了什么问题。 非常感谢你的帮助。

Answer 1

也许prev和next只是预期的文字。即使有html标签，它们也被视为文本。 您是否尝试在创建日历后在javascript中添加这些图标？

像：

...
$('#calendar').fullCalendar({
  buttonText : {
      prev : '<i class="glyphicon glyphicon-triangle-left"></i>',
      next : '<i class="glyphicon glyphicon-triangle-right"></i>'
  }
});
$(".fc-prev-button").append('<i class="glyphicon"...</i>')
...

Answer 2

这似乎设置了按钮的文本内容，而您希望使用自定义css类来显示自定义图标。

您是否尝试过使用buttonsIcons？

$('#calendar').fullCalendar({
    buttonsIcons : {
       prev: 'left-single-arrow',
       next: 'right-single-arrow',
    }
});

我不完全确定您可以使用自定义命名的css类，some posts似乎暗示它不会那么容易。