测试日期集合不重叠的范围

Question

我编写了一个脚本来在javascript中使用数据集渲染时间轴。 但我必须标记没有找到信息的区域（图像中的黄色）。 我绝对不知道如何在数据集中获取没有信息的范围。 （我使用momentjs进行日期计算）

示例数据集：

data: [
    {id: 1, lane: 1, start: 05-02-2006, end: 09-09-2008},
    {id: 2, lane: 2, start: 01-01-2008, end: 31-07-2010},
    {id: 3, lane: 3, start: 15-12-2013, end: 12-02-2016}
]

示例图片：

Answer 1

我会创建一个新数组并填充空白，就像这样

var dates = [];

for (var i=0; i<data.length; i++) {
    var now       = data[i],
        thisStart = parseDate(now.start),
        thisEnd   = parseDate(now.end),
        prevEnd   = data[i-1] ? parseDate(data[i-1].end) : null;

    if ( prevEnd && prevEnd <= thisStart ) {
        dates.push({id: i + 0.5, lane: 0, start: prevEnd, end: thisStart});
    }

    dates.push({id : now.id, lane: now.lane, start: thisStart, end: thisEnd});
}

你最终得到一个像这样的数组

dates : [
    {id: 1, lane: 1, start: "2006-02-04T23:00:00.000Z", end: "2008-09-08T22:00:00.000Z"},
    {id: 2, lane: 2, start: "2007-12-31T23:00:00.000Z", end: "2010-07-30T22:00:00.000Z"},
    {id: 2.5, lane: 0, start: "2010-07-30T22:00:00.000Z", end: "2013-12-14T23:00:00.000Z"},
    {id: 3, lane: 3, start: "2013-12-14T23:00:00.000Z", end: "2016-02-11T23:00:00.000Z"}
]

请注意，我标记了填充空白的对象.5和0，你可以做任何你想做的事情，只要它可以识别你的时候你创建了布局。

我还创建了一个parseDate函数，它只是将日期解析为有效日期对象，它包含在下面的小提琴中

FIDDLE