Как скрыть название мероприятия в полном календаре - PullRequest
Новая
       12

Как скрыть название мероприятия в полном календаре

0 голосов
/ 13 июня 2019

Я использую полный календарь, и у меня возникла проблема с простым резервированием на данный день. проблема в том, что я не знаю, как удалить / скрыть заголовок в каждом событии, которое создается в течение дня.

1 Ответ

0 голосов
/ 13 июня 2019

Я добавил 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>
...