javascript - 跨浏览器阿尔门德时间轴

Question

我有一个在 Google Chrome 中运行的 chap-links-library almende 时间轴版本，但在 Firefox 中查看时。我得到的是底部轴上未定义的 NaN。好像它没有读取我在 javascript 中设置的日期。

website link

有关如何调试此问题的任何提示。

这是屏幕截图:

以及我的主 .js 文件的片段:

var timeline;
var data;
google.load("visualization", "1");
google.setOnLoadCallback(drawVisualization);

var container = $('#mytimeline');

/* GENERAL FUNCTIONS START */
function dateTimeSplit(date){ //Get individual elements of date from string "11 March, 2013"
    var jDate = new Date(date); 

    var newdate = {
        month: jDate.getMonth(),
        day: jDate.getDate(),
        year: jDate.getFullYear()
    }
    return newdate;
}

function drawVisualization(){

    var debug = 0;
    data = new google.visualization.DataTable();
    data.addColumn('datetime', 'start');
    data.addColumn('datetime', 'end');
    data.addColumn('string', 'content');
    data.addColumn('string', 'id');

    var options = {
        "width":  "100%",
        "height": "auto",
        "min-height": "400px",
        "editable": false,
        "style": "box",            
        "zoomMin": 1000 * 60 * 60 * 24,        
        "zoomMax": 1000 * 60 * 60 * 24 * 31 * 12
    };

    timeline = new links.Timeline(document.getElementById('mytimeline'));

    if(subgoals.length != 0){
        $.each(subgoals, function(index, value, tess) {
            //console.log('ID: ' + value.id + ' Start: ' + value.start + ' End: ' + value.end + ' Name: ' + value.name);
            start = dateTimeSplit(value.start);
            end = dateTimeSplit(value.end);
            data.addRows([[new Date(start.year,start.month,start.day), new Date(end.year,end.month,end.day), value.name + owner, value.id]]);
        });
    }

    //DRAW TIMELINE
    timeline.draw(data, options);

}
/* GENERAL FUNCTIONS END */

container.show();

谢谢

Answer 1

经过数小时的调试，一切都取决于日期时间传递到时间线的格式。

I used this source to change the format

现在我的时间线可以在 Firefox、IE、Chrome 和 Safari 上运行。

希望这对将来的人有帮助!