如何解决fullcalendar-有没有办法在列表视图中替换日期标题的内容?
你好。我想知道您是否知道如何在列表视图中更改全日历日标题?我来回搜索了文档,到目前为止还什么都没有。
关于我要做什么。我正在制作一个每日活动报告应用程序,以便用户可以填写出勤记录并记录他们的活动,然后管理员将对其进行审核。这些管理员可以设置哪些天不是工作日。在一天中,只能有一个事件,即用户的每日报告。在给fullcalendar的事件对象中,我通过了一天的类型。
我想区分这两种类型的日子的标题。我尝试过eventRender并获得了前一个兄弟姐妹(即标头),但事实证明它们尚未一起加载,因此未被检测到。
另一种方法是在完成加载后修改列表,但是我还没有找到事件监听器。
我正在使用全日历v4。这是列表视图文档:https://fullcalendar.io/docs/v4/list-view
[EDIT] 这是一个可在以下位置摆弄的codepen:https://codepen.io/hmsungkar/pen/mdPoaYQ(从上面的文档复制,更改了视图和事件以适应我的需要)
var eventsJSON = [
{
"title": "Event #1","start": "2020-09-01"
},{
"title": "Event #2","start": "2020-09-02"
},]
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl,{
plugins: [ 'list' ],timeZone: 'UTC',defaultView: 'listMonth',header: {
left: 'title',center: '',right: ''
},events: eventsJSON
});
calendar.render();
谢谢。抱歉,如果有点麻烦。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。