从json来源提取时，FullCalendar事件和资源不显示

编程问答 2022-06-09

问题描述

我已经成功地将静态数组用于事件和由asp在运行时注入fullcalendar的资源（我知道，这很古老，但这是我目前唯一的工具）

我想提高技能，所以现在我试图将事件和资源指向生成数组的asp页面。我无法正常工作-不显示任何事件。

在下面的代码中，我只是转到/resources.asp和/events.asp，准确地复制了输出，然后将其粘贴并进行了硬编码。日历工作正常，因此我可以肯定地说，这两个页面产生了正确的输出。我见过的其他解决方案最终指出JSON或日期或任何格式错误的文件，但我实际上是将我的两个页面的输出粘贴到了它们后便可以使用。

当我取而代之的是，我删除了硬编码行并取消注释了下面两行以将日历指向两个asp页面时，日历不显示任何内容。控制台告诉我，两个资源均已成功加载，并且可以看到我期望看到的内容。在控制台中看不到其他错误消息。

我想念什么？

document.addEventListener('DOMContentLoaded',function() {
  var calendarEl = document.getElementById('calendar');

  var calendar = new FullCalendar.Calendar(calendarEl,{
    schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives',displayEventTime : false,firstDay: 6,// plugins: [ 'resourceTimelinePlugin'],slotLabelInterval: {days:1},eventTimeFormat: { // will produce something like "Tuesday,September 18,2018"
    hour: '2-digit',minute: '2-digit',hour12: false,},height: "auto",timeZone: 'UTC',initialView: 'resourceTimelineMonth',aspectRatio: 1.5,headerToolbar: {
      left: 'prev,next',center: 'title',right: 'resourceTimelineDay,resourceTimelineWeek,resourceTimelineMonth'
    },editable: true,resourceAreaHeaderContent: 'Work Orders',resources: [{id:'wo_3',title:'Work Order 57820'},{id:'comp_19',title:'Person in charge of possession (PIcop)',parentId: 'wo_3'},{id:'comp_20',title:'Track Safety Coordinator (TSC)',],events: [{title:'Unassigned',start:'2020-10-01 08:21',end:'2020-10-01 17:21',resourceId: 'comp_11',color: 'orange'},{title:'Unassigned',start:'2020-10-02 08:21',end:'2020-10-02 17:21',start:'2020-10-03 08:21',end:'2020-10-03 17:21',start:'2020-10-05 08:56',end:'2020-10-05 15:56',resourceId: 'comp_12',resourceId: 'comp_13',resourceId: 'comp_14',resourceId: 'comp_15',start:'2020-10-06 08:56',end:'2020-10-06 15:56',start:'2020-10-07 08:56',end:'2020-10-07 15:56',start:'2020-10-08 08:56',end:'2020-10-08 15:56',start:'2020-10-09 08:56',end:'2020-10-09 15:56',start:'2020-10-10 08:56',end:'2020-10-10 15:56',start:'2020-10-11 08:56',end:'2020-10-11 15:56',start:'2020-10-12 09:14',end:'2020-10-13 20:14',resourceId: 'comp_19',start:'2020-10-12 22:14',end:'2020-10-13 07:14',resourceId: 'comp_20',start:'2020-10-13 09:14',start:'2020-10-13 22:14',end:'2020-10-14 07:14',start:'2020-10-14 09:14',end:'2020-10-14 20:14',start:'2020-10-14 22:14',end:'2020-10-15 07:14',start:'2020-10-15 09:14',end:'2020-10-15 20:14',start:'2020-10-15 22:14',end:'2020-10-16 07:14',start:'2020-10-16 09:14',end:'2020-10-16 20:14',start:'2020-10-16 22:14',end:'2020-10-17 07:14',start:'2020-10-17 09:14',end:'2020-10-17 20:14',start:'2020-10-17 22:14',end:'2020-10-18 07:14',start:'2020-10-18 09:14',end:'2020-10-18 20:14',start:'2020-10-26 10:31',end:'2020-10-26 18:31',resourceId: 'comp_16',resourceId: 'comp_17',resourceId: 'comp_18',start:'2020-10-27 10:31',end:'2020-10-27 18:31',start:'2020-10-28 10:31',end:'2020-10-28 18:31',start:'2020-10-29 10:31',end:'2020-10-29 18:31',start:'2020-10-30 10:31',end:'2020-10-30 18:31',start:'2020-10-31 10:31',end:'2020-10-31 18:31',]
    //resources: '/resources.asp',//events: '/events.asp',});

  calendar.render();

});

解决方法

好，谢谢您在这里的输入，（当然）我的页面响应中包含一些HTML，但是主要问题是：字段和数据似乎必须用“而不是撇号引起来，最后最后我有一个逗号（由于没有在代码中删除它的懒惰）导致每个JSONLINT出现无效的JSON-但是让我感到困惑的是，我的硬编码数据存在所有这些问题，FullCalendar能够使用无论如何，都没问题。我想我认为这是可以原谅的，并且可以与我的JSON-outputing-pages相同的方式工作

可以说，在进行了这些更改之后，现在一切都可以使用。

没有问题，我仍然在学习这些东西，因此所有指针都被接受。

ajaxasp-classicfullcalendarjavascriptjson