如何解决从标题未定义的事件中删除连字符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"
}
]
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。