首页 > 解决方案 > FullCalendar.js 外部元素拖动颜色和数据

问题描述

我有一个基于 FullCalendar.js(版本 5+)(www.FullCalendar.io)的应用程序,我试图将外部元素拖到日历上。日历上的事件包含一些使用EventContent基于“注入”代码显示的事件。我想要做的是,当外部元素被拖到日历时,它不仅保留元素的颜色,而且不显示注入的代码。您可以在这支 Pen 中看到我的进度:https ://codepen.io/IrfanClemson/pen/YzWRxLN

请查看此屏幕截图以查看问题:

在此处输入图像描述

因此,当“我的事件 1”被拖动时,只有“我的事件 1”应该以黄色显示,而不应该显示蓝色注入代码,例如“ADDRESS HERE”。

甚至可能吗?

谢谢!

标签: javascriptfullcalendar-5

解决方案


好的,想通了。一些解决方案反映在EventContentPen 的修改属性中:https ://codepen.io/IrfanClemson/pen/YzWRxLN

基本上,EventContent是确定拖动和动态添加的事件的内容。因此,如果拖动然后在 if/else 语句中捕获它,如上面链接的 Pen 所示。

抱歉,不能分享所有代码——太多了,但我认为这可能会对某人有所帮助!


推荐阅读