Удаление дефиса из события с неопределенным заголовком (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"
}
]