如何在fullCalendar的标题中添加纯文本

fullCalendar是一个用于创建可交互日历的JavaScript库。它可以用于在网页中显示日历，并支持添加事件、拖拽事件、缩放等功能。要在fullCalendar的标题中添加纯文本，可以通过以下步骤实现：

在HTML文件中引入fullCalendar的相关文件。可以从官方网站（https://fullcalendar.io/）下载最新版本的fullCalendar，并将其包含在HTML文件中。
创建一个包含日历的容器元素。在HTML文件中，创建一个具有唯一ID的元素，用于容纳fullCalendar生成的日历。

<div id="calendar"></div>

初始化fullCalendar并设置标题。在JavaScript文件中，使用jQuery或其他方式初始化fullCalendar，并在初始化时设置标题选项。

$(document).ready(function() {
  $('#calendar').fullCalendar({
    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'month,agendaWeek,agendaDay'
    },
    defaultView: 'month',
    events: [
      // 事件数据
    ]
  });
});

在上述代码中，header选项用于设置日历的标题栏。center属性用于设置标题的位置，可以将其设置为纯文本。

添加纯文本标题。在header选项的center属性中，直接添加所需的纯文本内容。

center: 'My Calendar'

完整的代码示例：

<!DOCTYPE html>
<html>
<head>
  <meta charset='utf-8' />
  <link href='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.css' rel='stylesheet' />
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js'></script>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.js'></script>
  <script>
    $(document).ready(function() {
      $('#calendar').fullCalendar({
        header: {
          left: 'prev,next today',
          center: 'My Calendar',
          right: 'month,agendaWeek,agendaDay'
        },
        defaultView: 'month',
        events: [
          // 事件数据
        ]
      });
    });
  </script>
</head>
<body>
  <div id='calendar'></div>
</body>
</html>

这样，fullCalendar的标题栏中就会显示"My Calendar"这个纯文本标题。你可以根据需要自定义标题内容。