无法在全日历的下一个和上一个按钮中使用字形

Question

我正在尝试使用字形图标来更改全日历的下一个、上一个按钮的样式。

这是我的代码：

$(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

也许上一个和下一个只是预期的文本。即使有 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>')
...