从标题未定义的事件中删除连字符Fullcalendar

编程问答 2022-08-16

问题描述

默认情况下，如果事件对象中未定义标题，则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"
    }
]

default hyphens

with no-after css

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

fullcalendarfullcalendar-5htmljavascript