JQuery:FullCalendar插件:事件不显示在周视图和日视图中,但显示在月视图中

ktecyv1j  于 2024-01-07  发布在  jQuery
关注(0)|答案(4)|浏览(327)

我有以下代码来获取事件:

  1. $('#calendar').fullCalendar({
  2. theme: true,
  3. slotMinutes: 10,
  4. header: {
  5. left: 'prev,next today',
  6. center: 'title',
  7. right: 'month,agendaWeek,agendaDay',
  8. },
  9. defaultView: 'agendaDay',
  10. allDaySlot: false,
  11. editable: false,
  12. events: "/cgi-bin/shlk/getshlkruns.pl"
  13. });
  14. The output from getshlkruns.pl is fairly simple json feed:
  15. [{'title': 'Successful','start': 1266398223,'end': 1266398266,'url': '/shlk/cgi-bin/getshlkrunlog.pl?i=21'}]

字符串
有几个类似上面的事件(为了简洁起见,我已经删除了)。
因此,当我在月视图中时,上述事件会显示出来,但当我在周视图或日视图中时,却神秘地消失了。
我做错了什么?
提前感谢您的回答。

67up9zun

67up9zun1#

我也遇到过这个问题,解决方法是确保JSON中返回的每个事件都包含一个设置为false的“allDay”名称/值对。

  1. [{'title': 'Successful','allDay': false,'start': 1266398223,'end': 1266398266,'url': '/shlk/cgi-bin/getshlkrunlog.pl?i=21'}]

字符串
或者将allDayDefault设置为false:

  1. $('#calendar').fullCalendar({
  2. ...
  3. allDayDefault: false,
  4. ...
  5. });

5gfr0r5j

5gfr0r5j2#

请确保你没有有任何类的表,有溢出设置为隐藏。我犯了这个错误,浪费了时间。
第一个月

ibps3vxo

ibps3vxo3#

还要确保事件长度必须足以在slotDuration中显示。例如,我的slotDuration是15分钟,我的事件只有在持续时间至少为2分钟时才会显示。

dpiehjr4

dpiehjr44#

在某些情况下,如果你使用自定义css,它可能会改变你的事件的颜色,如果allDay在月份网格视图中设置为false。所以我做了什么来避免这种情况是这样改变的事件JSON:

  1. [{'title': 'Successful','allDay': currentView === 'dayGridMonth','start': 1266398223,'end': 1266398266,'url': '/shlk/cgi-bin/getshlkrunlog.pl?i=21'}]

字符串
其中currentView的值随着视图的改变而改变。所以如果currentView是dayGridMonth,那么尽管有自定义css,但事件看起来很正常,周视图和日视图也可以完美地工作。

相关问题