Полный список просмотра календаря - как скрыть "весь день" - PullRequest
Новая
       17

Полный список просмотра календаря - как скрыть "весь день"

3 голосов
/ 20 марта 2020

У меня есть просмотр списка FullCalendar.

Все записи в представлении всегда будут событиями "весь день". Поэтому мне не нужен «весь день», который появляется в левой колонке. Есть ли способ удалить это из списка?

enter image description here 

$(document).ready(

  function() {

    var calendarEl = document.getElementById('date_list');

    var calendar = new FullCalendar.Calendar(calendarEl, {
        plugins: [ 'list' ],
        defaultView: 'listThirtyDay',
        height: 'auto',
        views: {
            listThirtyDay: {
                type: 'list',
                duration: { days: 30 },
                buttonText: '30 days'
            },
            listDay: { buttonText: 'Day' },
            listWeek: { buttonText: 'Week' }
        },
        header: {
            left: 'prev,next',
            center: 'title',
            right: 'listDay,listWeek,listThirtyDay',
        },
        time: false,
        eventSources: [
            {
                url: $('.KeyDatesURL').val()
            }
        ]
    });
    calendar.render();      
  } 
);

Ответы [ 2 ]

3 голосов
/ 20 марта 2020

Если вы проверите обработанные элементы HTML с помощью инструментов разработчика вашего браузера, вы увидите, что текст времени в представлении списка хранится внутри элемента HTML с классом "f c -list-item-time ".

Поэтому вы можете установить простое правило CSS, чтобы скрыть его: 

.fc-list-item-time {
  display:none;
}

Демонстрационная версия: https://codepen.io/ADyson82/pen/GRJByop

0 голосов
/ 20 марта 2020

Вы можете использовать это: 

allDaySlot: false

Смотрите эту ссылку здесь - https://fullcalendar.io/docs/allDaySlot

Также вы можете сослаться на это: Как удалить allDay от просмотра в полном календаре JS?

...