突出显示Cal热图中的多个选项

Question

我有一组想要在cal-heatmap上显示的Javascript datetime对象。为此，我做了以下工作：

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);
}