0

我设置了 setInterval 来更新我的调度程序。我正在从服务器获取 JSON 格式的数据。但是如果我使用 json 数据，调度程序不会得到更新，但是如果我输入静态值，它就可以正常工作。以下是我的代码。

// It doesn't work

setInterval(function() {

   $.post('ajax_comet.php',{sectionIds:sectionIds},function (data){
    if(data.processing.length>0)
    {
        for(var i=0;i<data.processing.length;i++)
        {
            var startdt=data.processing[i].start_interval.split(",");
            var endt=data.processing[i].end_interval.split(",");
            var month=parseInt(startdt[1])-1;
            var start=startdt[0]+","+month+","+startdt[2]+","+startdt[3]+","+startdt[4];
            var end=endt[0]+","+month+","+endt[2]+","+endt[3]+","+endt[4];
            var section="'"+data.processing[i].section_id+"'";
            console.log(start);
            console.log(end);
            scheduler.addMarkedTimespan({
                            start_date: new Date(start),
                            end_date: new Date(end),
                            css: "inprocess",
                            sections: {
                                unit: section
                            }
                    });

                    scheduler.updateView();
        }

与静态数据相同的 TimeInterval 工作正常。

// This works properly.

setInterval(function() {

   $.post('ajax_comet.php',{sectionIds:sectionIds},function (data){
    if(data.processing.length>0)
    {
        for(var i=0;i<data.processing.length;i++)
        {
            var startdt=data.processing[i].start_interval.split(",");
            var endt=data.processing[i].end_interval.split(",");
            var month=parseInt(startdt[1])-1;
            var start=startdt[0]+","+month+","+startdt[2]+","+startdt[3]+","+startdt[4];
            var end=endt[0]+","+month+","+endt[2]+","+endt[3]+","+endt[4];
            var section="'"+data.processing[i].section_id+"'";
            console.log(start);
            console.log(end);
            scheduler.addMarkedTimespan({  
                            start_date: new Date(2013,11,29,01,00),
                            end_date: new Date(2013,11,29,01,30),
                            css: "inprocess",
                            sections: {
                                unit: 'a7b6e635-f62f-6f12-020f-52a959d1ca47'
                            }
                        });

                    scheduler.updateView();
        }
    }
  },'json');

}, 5000);

        }
      },'json');

    }, 5000);
4

1 回答 1

1

如果它与静态数据一起工作，这意味着动态数据要么出错，要么在客户端解析错误。

确保日期和部分正确。例如，在此代码中，您从 ajax 值中收集日期字符串并在控制台中检查此字符串：

var start=startdt[0]+","+month+","+startdt[2]+","+startdt[3]+","+startdt[4];
var end=endt[0]+","+month+","+endt[2]+","+endt[3]+","+endt[4];

console.log(start);
console.log(end);

如果您检查传递给调度程序 API 的结果日期，则会提供更多信息。

console.log(new Date(start));
console.log(new Date(end));

日期字符串可能有一些不明显的错误，导致日期对象无效。

其次，收集日期的代码相当复杂。我建议使用更简单的格式从服务器传输日期（例如使用 unix 时间戳），或者定义一些帮助函数来解析它们。

仅供参考，调度程序库包括scheduler.date对象，该对象定义了处理日期的方法。所以你可以定义解析函数，如下所示。这为拼写错误和意外错误留下的空间要少得多。不太确定我是否指定了正确的日期格式，但如有必要，您可以更改它

var parseDate = scheduler.date.str_to_date("%Y, %m, %d, %H, %i");

var start = parseDate(data.processing[i].start_interval),
    end = parseDate(data.processing[i].end_interval);

一个特别可疑的行是您检索该部分的 id 的位置：

var section="'"+data.processing[i].section_id+"'";

我认为您在此处为部分 id 添加了额外的引号。我的意思是var 部分将等于 "'a7b6e635-f62f-6f12-020f-52a959d1ca47'"，而在你的静态代码中你使用"a7b6e635-f62f-6f12-020f-52a959d1ca47" - 没有额外的引号

还有一件事。每次添加时间跨度时，您都会调用scheduler.updateView() 。由于此命令会触发日历的完全重绘，因此最好在循环结束时仅调用一次。

更新：

这是代码示例。实际上并没有运行它，但我希望它澄清了上面的文字

setInterval(function() {
    var parseDate = scheduler.date.str_to_date("%Y, %m, %d, %H, %i");// parse string of specified format into date object

    $.post('ajax_comet.php',{sectionIds:sectionIds},function (data){
        if(data.processing.length>0)
        {
            for(var i=0;i<data.processing.length;i++)
            {
                var timespan = data.processing[i];

                var start = parseDate(timespan.start_interval),
                    end = parseDate(timespan.end_interval),
                    section = timespan.section_id;

                console.log(start);
                console.log(end);
                scheduler.addMarkedTimespan({
                    start_date: start,
                    end_date: end,
                    css: "inprocess",
                    sections: {
                        unit: section
                    }
                });
            }
            //update calendar after loop is finished
            scheduler.updateView();
        }
    },'json');

}, 5000);
于 2013-12-26T09:43:38.737 回答