突出显示Cal Heatmap中的多个选项

Question

我有一个Javascript日期时间对象数组，我想在cal-heatmap上显示。为此，我做了以下几点：

var startTimes = [] //array of datetimes to show
var cal = new CalHeatMap();
cal.init({
    itemSelector: '.heat-map',
    domain: 'day',
    subDomain: 'hour',
    range: range,
    start: new Date(startTimes[0]),
    highlight: new Date(startTimes[0])
});

for (s in startTimes) {
    cal.highlight(cal.options.highlight.push(new Date(startTimes[s])));
}

然而，这似乎不起作用，因为只有第一个日期被标记。

Answer 1

请注意，push会返回数组的新长度，而不是您刚刚添加到其中的元素。

根据这个和cal-heatmap/#highlight的文档说明该方法需要一个日期，我想你的代码应该是：

for (s in startTimes) {
    var date = new Date(startTimes[s]);
    cal.options.highlight.push(date);
    cal.highlight(date);
}