FullCalendar - 自定义标题/标题<DIV>？

Question

我在Full-Calendar项目中构建了一个自定义标题.我从我自己的按钮控制完整的日历功能.

我想禁用原始FC-Header,但我想保留" 标题 ".我想将标题移动到自定义.请查看以下屏幕截图,了解我在说什么:

截图 - 自定义标题

这可能吗？如何？

谢谢!

Answer 1

是的,这可以通过使用viewRender回调轻松完成.它允许您访问View Object可以从中获取标题的内容.所以在我的JSFiddle中,我设置了我的日历以不显示标题,然后在viewRender函数中我获取标题并使用jquery将其放入我的外部元素中.viewRender将在您的日历视图更改时调用,以便它保持更新.

$(document).ready(function() {
  $('#calendar').fullCalendar({
      header: {
          left: 'prev,next today',
          right: 'month,agendaWeek'
      },
      defaultView: 'month',
      viewRender: function(view) {
        var title = view.title;
        $("#externalTitle").html(title);
      }
  });
});