Удаление дефиса из события с неопределенным заголовком (Fullcalendar)

По умолчанию, если в объекте события не задан заголовок, Fullcalendar добавит дефис после диапазона дат, используя псевдо ::afterкласс. (Смотри фото). Я не хочу использовать этот дефис, если заголовок не определен.

Это единственный способ удалить дефис из названия события. Есть ли способ лучше?

добавьте это в CSS:

.fc-event-time.no-after:after {
  content: none !important;
}

добавить эту строку в eventDidMount:

$(arg.el).find('.fc-event-time').addClass('no-after');

вот полный пример eventDidMount:

        eventDidMount: function (arg) {
            // console.log($(arg.el))

            html = '<div class="mx-1">' +
                '<i id="addSlot" class="fas fa-chevron-up"></i>' +
                '<span class="badge badge-pill badge-primary">' + arg.event.extendedProps.MaxSignups + '</span>' +
                '<i id="minSlot" class="fas fa-chevron-down"></i>' +
                '</div>' +
                '<div class="mx-1">' +
                '<i id="delSlot" class="fas fa-trash-alt"></i>' +
                '</div>';
            $(arg.el).find('.fc-event-time').addClass('no-after');
            $(arg.el).find('.fc-event-title').addClass('d-flex justify-content-end').append(html);

        },

пример объекта события:

[
    {
        "Duration": 30,
        "MaxSignups": "6",
        "color": "blue",
        "editable": true,
        "end": "2020-09-11 15:00:00",
        "id": "20200911_11",
        "start": "2020-09-11 14:30:00"
    }
]

0 ответов

Другие вопросы по тегам