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

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


javascript fullcalendar fullcalendar-4
person Christian Baldeo    schedule 13.06.2019    source источник
comment
Какую версию ты используешь?   -  person dcangulo    schedule 13.06.2019
comment
я использую последнюю версию полного календаря.   -  person Christian Baldeo    schedule 13.06.2019
comment
Взгляните на fullcalendar.io/docs/eventRender.   -  person Matthias S    schedule 17.01.2020

Ответы (1)


arrow_upward
0
arrow_downward

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

person dcangulo    schedule 13.06.2019
comment
Извините, я не конкретизировал свой вопрос, я думаю, как я могу скрыть несколько заголовков событий в представлении месяца и поместить туда только один заголовок, но все же заголовок в TimeGridview присутствует - person Christian Baldeo; 13.06.2019
comment
Что вы имеете в виду под несколькими названиями? - person dcangulo; 13.06.2019
comment
Я имею в виду, когда у меня есть несколько событий в день, пример (у меня есть событие с 9:00 до 12:00) и в представлении дня я могу видеть временную шкалу всех событий, присутствующих в этот день, но она также отображается в представлении месяца . Я просто хотел отображать только Open или Full. - person Christian Baldeo; 13.06.2019
comment
@ChristianBaldeo Нет прямого способа сделать это. Единственный способ, который я могу придумать, это то, что вам нужно будет предоставить отдельный набор событий, которые будут отображаться только в представлении месяца. Чтобы они отображались только в определенном представлении (которое обычно не поддерживается), вероятно, будет добавление настраиваемое свойство для каждого события, содержащее имя представления, для которого они предназначены, а затем фильтровать их по eventRender на основе текущего представления и свойства события. - person ADyson; 13.06.2019
comment
@ChristianBaldeo P.S. Было бы очень полезно, если бы вы уточнили это точное требование в своем основном вопросе, отредактировав его - person ADyson; 13.06.2019
comment
Большое спасибо! Я ценю ваш ответ. я попробую сделать это в другом подходе. Извините за это, я просто новичок на этом форуме - person Christian Baldeo; 13.06.2019
comment
Вы можете сделать это, добавив функции обратного вызова dayRender и eventRender, которые перезаписывают поведение по умолчанию. Таким образом, вы можете отображать свои события или даже ячейки так, как вам нравится. Вы даже можете сделать это по-разному для каждого просмотра. fullcalendar.io/docs/dayRender и fullcalendar.io/docs/eventRender - person Matthias S; 17.01.2020