fullcalendar-有没有办法在列表视图中替换日期标题的内容?

问题描述

day headings

你好。我想知道您是否知道如何在列表视图中更改全日历日标题?我来回搜索了文档,到目前为止还什么都没有。

关于我要做什么。我正在制作一个每日活动报告应用程序,以便用户可以填写出勤记录并记录他们的活动,然后管理员将对其进行审核。这些管理员可以设置哪些天不是工作日。在一天中,只能有一个事件,即用户的每日报告。在给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 (将#修改为@)