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

全日历JSON/Ajax

贺立果
2023-03-14

目前我正在开发Fullcalendar V3。

https://github.com/fullcalendar/fullcalendar/

https://fullcalendar.io/docs

我的事件设置在日历中显示项目所需事件的代码:

eventSources: [{

            events: function(start, end, timezone, callback) {
                $.ajax({
                    url     : 'dispatcher.php',
                    type    : 'post',
                    dataType: 'json',
                    data    : {
                        //  requires UNIX timestamps
                        start     : start.unix(),
                        end       : end.unix(),
                        component : 'Rak',
                        controller: 'Read',
                        task      : 'getCalendarEvents'
                    },
                    success : function(doc) {
                        var events = [];
                        $(doc).find('event').each(function() {
                            events.push({
                                title    : $(this).attr('title'),
                                start    : $(this).attr('start'), // will be parsed
                                end      : $(this).attr('end'), // will be parsed
                                className: $(this).attr('className')
                            });
                        });
                        callback(events);
                        console.log(doc);
                    }

                });
            }
        }]

console.log(doc):

0:{ID:“1”,标题:“TestTestTest”,开始:“2019-01-15”,结束:“2019-01-16”,类名:“Event-Azure”}长度:1

然而...项目不显示在日历中。我做错了什么?现在我一无所知。

正在发送一个JSON格式,并且应该在事件中使用。

非常感谢你的帮助!

用于显示所需格式的硬编码示例:

events: [
    {
      title  : 'event1',
      start  : '2010-01-01'
    },
    {
      title  : 'event2',
      start  : '2010-01-05',
      end    : '2010-01-07'
    },
    {
      title  : 'event3',
      start  : '2010-01-09T12:30:00',
      allDay : false // will make the time show
    }
  ]

共有1个答案

宗政学
2023-03-14

根据您的问题文本,console.log(doc)已经生成了一个有效的事件数组(根据事件对象的fullCalendar文档,具有有效的值和字段名),因此您不需要创建单独的events变量,也不需要以任何方式处理doc

相反,您可以直接将数据传递给fullCalendar而不对其执行任何操作:

success : function(doc) { 
  callback(doc); 
}
 类似资料:
  • 本文向大家介绍java编写全年考勤日历,包括了java编写全年考勤日历的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了java编写全年考勤日历的具体代码,供大家参考,具体内容如下 JAVA代码: action配置: HTML代码: 效果如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 问题内容: 我怎样才能得到一个与事件 的公共 谷歌日历?我有,但是没有必要。我不想更改其事件,也无需登录。 我想从中获取一个与我的/ 数据库同步。 试过了 但出现登录错误: 问题答案: 您的日历必须 公开 共享 ! 如果您仅共享 忙/闲 状态,则此方法有效: 详细信息 -仅当日历完全公开共享时,此wotrks 或者只是 忙碌 参数 orderby , sortorder 和 futureevent

  • 我目前正在尝试这样做,当我在日历视图中选择一天时,该天的所有事件都会列出。我很难让它显示一天中的所有事件(看起来它在上午12点到11点59分不起作用?)。这里是我目前拥有的。 和 如果我有12am-11:59am的事件1和12pm-11:59pm的事件2,则仅列出事件2。

  • 日历组件用来选择年月日,可以代替系统原生的日历组件,提供更统一的视觉和交互以及更好的兼容性。日历组件需要初始化才能使用,最简单的方式是通过一下JS代码来初始化,绑定到一个input元素上: $("#my-input").calendar({     value: ['2015-12-05'] }); 当你点击input元素后,会自动弹出一个JS生成的日历组件。当用户选择日期之后,input的值

  • Rustam帮助Arshaw建造了一个非常棒的角度模块!过来看。与Angular 7一起工作。 我以前在实现下面的FullCalendar时遇到问题。我想你们也需要更新一下。 如何使用Angular 5正确实现fullcalendar而不出现任何错误?我试图将其实现到一个特定的组件中。我安装了以下软件包 jquery 仅供参考,下面的帖子是我找到的最接近解决方案。我遵循了指令,但仍然出现了“JQu

  • 问题内容: 我想将Calendar用于某些静态方法并使用一个静态字段: 现在,我读到java.util.Calendar不是线程安全的。如何使该线程安全(应该是 静态的 )? 问题答案: 如果不是,则不能创建线程安全的东西。在的情况下,即使从中 读取 数据也不是线程安全的,因为它可以更新内部数据结构。 如果有可能,我建议改用Joda Time: 大多数类型是不可变的 不可变类型是线程安全的 无论如