当前位置: 首页 > 知识库问答 >
问题:

在fullcalendar中的事件上显示附加参数

须峰
2023-03-14

我正在为我的angular应用程序使用fullcalendar插件。我正在使用eventSource获取我的事件。我在JSON中有title、start、end和breakCount键,如下所示:

{
    "title": "06DefaultProgram2",
    "start": "2016-02-06 13:30:00",
    "end": "2016-02-06 18:00:00",
    "breakCount": 2
}  

完整的日历采取标题,开始和结束,但我也想显示我的事件单元格的中断计数。我怎样才能做到这一点?

共有1个答案

翟英达
2023-03-14

可以为eventRender事件添加回调函数。文档位于http://fullcalendar.io/Docs/event_rendering/eventrender/

eventRender事件将传递Event对象和用正常显示的未修改html元素预构建的元素。在为此事件处理程序编写的代码中,您将自定义属性按名称引用为event.breakcount。在此事件处理程序中编写的代码中,您可以修改element参数以显示event.breakcount的值(可以将其连接到现有标题文本的末尾),或者创建并传回一个全新的元素以显示事件。您可以完全控制此处理程序中事件的表示。

 类似资料:
  • 我已经使用FullCalendar配置有一段时间了,但我已经到了一个无法理解的地步。我希望启用当最终用户将鼠标悬停在事件上时显示的工具提示。我想在活动的工具提示中提供一些进一步的信息,例如电话联系号码等。 我尝试了许多不同的选择,我能够找到 例如,下面的链接列表 完整日历事件弹出窗口 http://jsfiddle.net/m54g5aen/ Fullcalendar/eventdidmount-

  • 我有从数据库的培训事件,他们的开始和结束日期是这样的格式“YYYY-MM-DD”。例如: 我试着在endDate上添加12hours(就像这里的答案*),是的,它起作用了,但现在我无法延长事件的日期。 我想要修复这个错误的结束日期问题,而不失去扩展事件的能力。你知道什么解决方案或方法吗?

  • 问题内容: 我在ReactJs组件上使用jQuery fullcalendar。 我有一个 渲染方法 在componentDidUpdate上,我使用以下代码更新了日历: 并且标题上显示“ undefined”字符。我哪里做错了?以及如何调试未定义字符串的来源? 目前,我提出了一种被黑客入侵的解决方案,通过添加以下内容来删除标题中所有未定义的字符串: 有没有更好的解决方案? 我正在使用jQuery

  • 我想有一个月历视图显示所有的日子和事件在每一天。我找到了CalendarView,但它并不真正按我想要的方式显示事件。我一直在研究和检查大量的结果,直到我遇到了一个完整的应用程序,这就是SimpleMobileTools's Simple-Calendar。如果您还不明白我要找的是什么,下面是它们在月度视图日历上显示事件的方式: 不过,他们的应用程序有太多的功能,再加上它是一个完整的应用程序。我想

  • 我的整个日历上有超过一天的活动。我有开始日期和结束日期和时间。但是,在我的日历列表视图中,超过一天的事件的时间显示不正确。我的活动开始和结束时间是上午8:00到下午5:00,但这些活动显示的是上午8:00到上午12:00。第一天,第二天上午12:00至下午5:00。

  • 问题内容: 我很好奇是否有人知道一旦/当用户完成在网页上的文本选择后,我将如何触发一个函数运行?我希望用户能够选择文本,并且在短暂的延迟后(或立即,此时无所谓),文本附近会出现一个叠加按钮,用户可以单击该按钮,然后我返回并运行我的更多基于选择的代码。这是用于Firefox扩展。 我能想到的一个类似示例就像在IE中一样,您可以在其中选择文本,然后显示“ Web加速器”。我99%确信我知道如何实际覆盖