具有动态可见范围的自定义视图

时间:2018-09-10 13:00:40

标签: fullcalendar

我正在尝试使用具有以下功能的Fullcalendar构建自定义视图:

  • 我要显示的视图类似于“ timelineMonth”视图,不同之处在于它应在请求的月份的第一天之前的3天开始,并应在请求的最后一天的第三天之后结束月。这是一种“ extendedMonth”视图

  • 我还要求可见的第一天是该月的第一天(通过滚动显示第一天的前三天)

  • 视图标题应为请求月份的名称(而不是显示的3个月的范围)

我尝试了带有可见范围选项的自定义Views示例,但找不到正确的配置。

这是我当前的代码。日期范围是正确的,但是第一可见日期不是该月的第一个离线日期(是-3天),标题显示的是月份范围(例如:八月至八月)

views: {
    extendedMonth: {
      type: 'timeline',
      dateAlignment: 'month',
      titleFormat: 'MMM',
      visibleRange: function(currentDate) {

        var startOfMonth = currentDate.clone().startOf('month');
        var endOfMonth = currentDate.clone().endOf('month');

        return {
          start: startOfMonth.clone().subtract(2, 'days'),
          end: endOfMonth.clone().add(2, 'days') 
        };
  },
      buttonText: 'Extended Month'
 }
}

谢谢您的帮助!

0 个答案:

没有答案