我打算将EXCELLENT FullCalendar JQUERY插件https://fullcalendar.io/ 用作操作系统的核心部分。目前,我正在制作原型,以检查插件是否可以完成这项工作。我快完成了,只发现了一个问题,我找不到任何解决方案可以在Internet上或文档中找到。
理解我的问题的关键是我需要使用FullCalendar的外部事件配置(如下代码)。所以...当我在日期之间的日历上拖动一个元素时,它会触发eventdDrop事件,而我的警报消息将返回事件对象的事件数据-完全符合预期。因此,我知道我可以轻松地用AJAX帖子替换警报,以在数据库中注册新的(移动的)事件数据。
但是,我的问题是....当我现在将一个外部事件(例如,GAS Cert到期)拖到日历上时,它第一次触发时就不会触发eventdrop事件。因此,我很难弄清楚如何将事件数据(从拖动的外部事件中保存)到数据库中-当通过从外部事件列表中将事件首次拖放到日历上时,该事件就被保存了。(有关信息: -如果我接着移动创建一个新的日历日期的新事件,eventDrop 被触发但是常常用户将简单地将外部事件到日历,让他们有几天甚至几个星期-在此期间该事件。日历上的数据需要保存到数据库中以供以后重新访问页面。
我一直在寻找没有运气的年龄。如果有人有一个好的解决方案,谢谢。
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<link href='../fullcalendar.min.css' rel='stylesheet' />
<link href='../fullcalendar.print.min.css' rel='stylesheet' media='print' />
<script src='../lib/moment.min.js'></script>
<script src='../lib/jquery.min.js'></script>
<script src='../lib/jquery-ui.min.js'></script>
<script src='../fullcalendar.min.js'></script>
<script>
$(document).ready(function() {
/* initialize the external events
-----------------------------------------------------------------*/
$('#external-events .fc-event').each(function() {
// store data so the calendar knows to render an event upon drop
$(this).data('event', {
title: $.trim($(this).text()), // use the element's text as the event title …Run Code Online (Sandbox Code Playgroud)