日期范围内的全日历显示答案

【问题标题】：FullCalendar display within date range日期范围内的全日历显示
【发布时间】：2017-05-08 22:36:06
【问题描述】：

我正在尝试在某个日期范围内显示FullCalendar。为此，我在代码中添加了以下 visibleRange 选项，但它不起作用。日历根本不显示。

this.$calendar.fullCalendar({
  //other settings
            
  defaultView: 'basic',
  visibleRange: {
    start: moment('2017-05-22'),
    end: moment('2017-05-29')
  },
  duration: { days: 7 },
            
  //other settings
});

知道如何实现这一目标吗？

谢谢

【问题讨论】：

您使用的是什么版本的 jQuery/momentjs/fullcalendar？另外， this.$calendar.fullCalendar 语法...您是否在混合使用其他东西？您是否尝试将其调用为 this.$calendar.fullCalendar(); 并查看日历是否显示？检查控制台是否有任何错误或警告？
我正在使用 fullCalendar 3.0.1bone.js 1.2.3 moment.js 2.9.0 this.$calendar.fullCalendar();用于调用主干中的完整日历。控制台未显示任何特定urAR 错误

标签： javascript jquery fullcalendar momentjs

【解决方案1】：

使用 momentjs 2.18.1、jquery 3.2.1、fullcalendar 3.4.0 这显示了从 5/22 到 5/28 的视图：

  $('#calendar').fullCalendar({
    defaultView: 'basic',
    visibleRange: {
      start: moment('2017-05-22'),
      end: moment('2017-05-29')
    } // Don't use duration in combination with visibleRange? Appears to override
    /*,
    duration: {
      days: 7
    }*/
  });

演示@https://jsfiddle.net/ez33y8gv/

【讨论】：