Fullcalendar - 将事件保存在数据库中

2024-01-10

我有以下标记:

我有一个 fullcalendar 的实例。 当点击某一天时(触发dayClick-callback),打开引导模式,用户可以在其中输入标题和开始/结束日期。单击“确定”后,提供的那些值将添加到日历中。这是代码:

 function addTitle(){ //having a button onClick="addTitle()"
            var title = $('#add_date_title').val();
            var startdate = $('#add_date_startdate').val();
            var enddate = $('#add_date_enddate').val();
            var end_split = enddate.split('-');
            end_split[2]= parseInt(end_split[2])+parseInt("1");
            enddate = end_split[0] + "-" + end_split[1] + "-" + end_split[2];
            $('#add_date_title').val('');
            $('#add_date_startdate').val('');
            $('#add_date_enddate').val('');
            $('#add_date_modal').modal('hide');

            var myCalendar = $('#calendar');
            var myEvent = {
                title:title,
                allDay: true,
                start: startdate,
                end: enddate
            };
            myCalendar.fullCalendar( 'renderEvent', myEvent );
        }

所以该活动现在已列入日历。但是当例如切换月份或重新加载页面,当然,所有数据都会丢失,因为它没有保存在任何地方。

现在的问题是:我怎样才能将事件直接保存到数据库中,然后加载它,那么我在哪里可以引入php代码,将事件保存到数据库中......问题,我为什么要问,是添加事件之间的站点永远不会重新加载,所以我无法检查 GET 或 POST 参数或类似的东西...我可以使用 AJAX 来做到这一点吗?如果是,怎么办?因为我对AJAX不太熟悉。


您实际上可以将事件保存在数据库中。

  1. 在模式触发后使用此 ajax。
  2. 获取模态中的标题、开始日期、结束日期等值,并通过以下 ajax 发送它们

    $.ajax({
      url: 'add_events.php',
      data: 'title='+ title+'&start='+ start2 +'&end='+ end2,                                                    
      type: "POST",
      success: function(json) {
        $( "#getReason" ).modal('hide');
        $('#mydiv').hide();
        $('body').removeClass('blockMask');//calendar.fullCalendar( 'refetchEvents');
        $('#calendar').fullCalendar('refetchEvents');
      }
    });
    
  3. 在 add_events.php 中将详细信息保存在数据库中

  4. 在您的主页中使用此方法动态创建事件源

    function eventSourceCall(){
         eventSourceCall = [
            {
                url: 'events.php?status=absent',
                backgroundColor: 'red',
                borderColor: 'white',
                textColor: 'white',
                rendering: 'background',
                cache: false
            }
    
  5. 在 events.php 中执行选择操作并以 json 编码对象形式检索事件参数并返回它们。

  6. 在日历功能中eventSources: eventSourceCall,添加此行用于选择事件源。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Fullcalendar - 将事件保存在数据库中 的相关文章

随机推荐

  • 查找适用于某个元素的所有 CSS 规则

    许多工具 API 提供了选择特定类或ID 的元素的方法 还可以检查浏览器加载的原始样式表 但是 为了让浏览器呈现元素 它们将编译所有 CSS 规则 可能来自不同的样式表文件 并将其应用到该元素 这就是您在 Firebug 或 WebKit
  • 使用 angular-ui-grid 预选加载行

    我想在页面加载时选择某些行 工作日 这是笨蛋plnkr co edit 48NyxngWNGIlOps1Arew p preview 有什么建议吗 将以下属性添加到您的 scope gridOptions目的 onRegisterApi f
  • 我什么时候应该将 Angular2 App 与 SystemJS 方法相反?

    我什么时候应该连接我的 Angular2 应用程序 什么时候应该保留 SystemJS 原始方法 将不同的模块保留在不同的文件中 主要取决于浏览器的支持 HTTP2 之前的旧方法是将所有内容捆绑到一个大文件中 现在我们已经有了 http2
  • 承诺履行处理程序未定义

    看起来非常基本 基于 Promise 的实现的实现没有返回我期望看到的值 数据 这就是我期望这个界面的工作方式 sdk request options gt Promise Response Object JSON 这是我的模型中的代码 r
  • 将 SDK 工具和 ADT 更新至 17,现在出现VerifyErrors

    我有一个引用两个图书馆项目的项目 升级ADT和SDK工具后版本17 http android developers blogspot com 2012 03 updated sdk tools and adt revision 17 htm
  • gnuplot:在交互模式下设置 link 和 x2tics

    在交互模式下 x2tics 在放大时很快就会消失 这个例子被展示了here https stackoverflow com a 60373156 11769765 set tics nomirror set x2tics set link
  • 双问号,它是如何工作的?

    我正在学习 Swift 作为这个过程的一部分 我试图弄清楚这里到底发生了什么 我有一个自定义 Segue 我想在其中放置模态视图控制器以消除转换 Objective c 中以前的内容是 UIViewController sourceView
  • 如何在iPad屏幕上触摸时获取PDF注释

    我开发了一个使用 CATiled Layer 在 ipad 上显示 PDF 的应用程序 到目前为止 一切都很好 但是有一个问题确实让我剪掉了最后的头发 我有一个带有嵌入注释的 PDF 每个注释都有一个 URL 我可以找到触摸区域的坐标 但问
  • 节点脚本永远不会结束

    我有下面的节点脚本来基本上复制一些文件的内容并将它们插入到 mongo 该脚本似乎永远不会结束 即使所有数据都已成功插入 我总是必须执行 Ctrl C 来终止它 我应该在 node js 中使用什么东西来结束脚本吗 var mongoose
  • Jenkins CI 与 Chef 服务器

    有什么方法可以将 Jenkins 与 Chef Server 集成 以便我可以创建要执行的作业吗 我不想去厨师工作站 我需要在单独的服务器或厨师工作站上安装 jenkins 吗 我可以直接从 Jenkins 控制台执行所有食谱吗 是的 你可
  • 是否有针对开发团队的 Web 服务 (API) 标准或最佳实践?

    如果您要开始为您的 Web 应用程序开发 API 是否有任何类型的指南 最佳实践或标准来构建 Web 服务 我已经看到了有关该主题的一些讨论 我想获得更多信息 至少得到关于从哪里获取信息的指示 提前致谢 关于 网络服务 存在着广泛的多样性和
  • Emberjs 使用 sortProperties 按日期对内容进行排序

    我正在尝试使用 Emberjs排序属性按日期对内容进行排序jsfiddle http jsfiddle net CmtpX 2 我的模型有一个开始时间我尝试排序的属性 但没有成功 然后我创建了一个名为的计算属性今日活动在返回与传入日期匹配的
  • 选择具有不同列名的表

    In SQL Select into 将行复制到不同的 备份 表中 如果备份表具有不同的结构 或不同的列名 这可能吗 如果没有 实现这一目标的最佳方法是什么 这是我想做的 TableA有列a1 a2 a3 我想将此表中的一些行复制到另一个表
  • console.log() 中的反斜杠“\”未出现

    我正在尝试使用反斜杠console log 并在其中 p p 但似乎当页面加载时 所有反斜杠都被删除 示例 JS console log m Lets rock m Result m Lets rock m 我怎样才能防止它被删除 EDIT
  • jQuery切换类如果其他不起作用

    我无法在 if else 条件下使用 jQuerytoggleClass 我的 HTML 代码是 ul li class firstLevel a href main cat 01 MAIN CATEGORY 1 a ul class di
  • 从作业中捕获详细流

    我正在努力成为一名优秀的 powerscript 用户 并根据最佳实践使用 Write Verbose 但我无法从正在运行的作业中获取 Verbose 流 Job Start Job Name Scanning Work Item Scri
  • didFailToRegisterForRemoteNotificationsWithError:用户拒绝错误?

    如果用户拒绝启用推送通知 我们将通过 didFailToRegisterForRemoteNotificationsWithError 收到错误 有谁知道在这种情况下 NSError 对象中的代码是什么 以将其与没有可用连接区分开来 我不认
  • SetJmp/LongJmp:为什么会抛出段错误?

    下面的代码总结了我目前遇到的问题 我当前的执行流程如下 我正在 GCC 4 3 中运行 jmp buf a buf jmp buf b buf void b helper printf entering b helper if setjmp
  • Azure AD B2C 与 React Native 博览会

    我是使用 React Native 和 Expo 进行移动应用程序开发的新手 我正在尝试使用 Azure AD B2C 在我的移动应用程序中添加身份验证 授权 但我发现从 Microsoft 文档中理解起来更困难 甚至我在 Google 上
  • Fullcalendar - 将事件保存在数据库中

    我有以下标记 我有一个 fullcalendar 的实例 当点击某一天时 触发dayClick callback 打开引导模式 用户可以在其中输入标题和开始 结束日期 单击 确定 后 提供的那些值将添加到日历中 这是代码 function