Question

我需要以全日历方式创建一年中所有月份的视图。我发现这个不错的示例可以正常工作，除了DECEMBER之外不会出现。

https://codepen.io/webrexRavi/pen/yqMqGX

我不明白代码中的错误：

views: {
   timelineCustom: {
       type: 'timeline',
       buttonText: 'Year',
       dateIncrement: { years: 1 },
       slotDuration: { months: 1 },
       visibleRange: function (currentDate) {
           return {
             start: currentDate.clone().startOf('year'),
             end: currentDate.clone().endOf("year")
           };
        }
       }
  }

Answer 1

假设当前日期计数的月份从零开始，可见范围期望值在1到12之间的月份，那么currentDate.clone().endOf("year")会一直显示到11月（从零开始计数是12月的第11个月）。

如果可以将其链接到

currentDate.clone().endOf("year") +1;

它也显示12月。

编辑： 有关visibleRange的完整日历文档says following：

visibleRange对象必须具有可解析为Moment值的开始/结束属性。就像API中的所有其他地方一样，结束时刻是排他性的。

因此，如果您希望范围包含最后一天，则必须添加一天。

currentDate.clone().endOf("year").add(1,'day');

全日历年视图（未显示十二月）

1 个答案: