如何在完整日历中隐藏事件标题

时间:2019-06-13 05:16:45

标签: javascript fullcalendar fullcalendar-4

我使用的是完整日历,在给定日期进行简单预订时遇到问题。问题是我不知道如何在一天之内创建的每个事件中删除/隐藏标题。

1 个答案:

答案 0 :(得分:0)

我添加了CSS以使用.fc-title选择器隐藏事件标题。

document.addEventListener('DOMContentLoaded', function() {
  var Calendar = FullCalendar.Calendar;
  var calendarEl = document.getElementById('calendar');

  var calendar = new Calendar(calendarEl, {
    plugins: ['dayGrid'],
    events: [
      {
        title: 'Event Title',
        start: '2019-06-13'
      }
    ]
  });

  calendar.render();
});
.fc-title {
  visibility: hidden; /* hides event title */
}
<div id='calendar'></div>


<link rel='stylesheet' href='https://fullcalendar.io/releases/core/4.1.0/main.min.css'>
<link rel='stylesheet' href='https://fullcalendar.io/releases/daygrid/4.1.0/main.min.css'>
<script src='https://fullcalendar.io/releases/core/4.1.0/main.min.js'></script>
<script src='https://fullcalendar.io/releases/daygrid/4.1.0/main.min.js'></script>