如何将完整日历视图设置为在当前日期前1周开始？

Question

我使用的是fullcalendar.io (v5) 资源时间线视图的Vue版本，它有一个通过设置传递的自定义视图对象，我不知道如何设置它，以便日历比当前日期提前一周开始。我尝试过initialDate，activeStart，visibleRange选项，但没有运气。无论如何，它都是从本月初开始的。相关设置代码：

    views: {
        resourceTimelineThreeMonths: {
            type: 'resourceTimeline',
            duration: { months: 3 },
            activeStart: '2021-03-06',
            initialDate: '2021-03-06',
            // dayCount: 40,
            visibleRange: {
              start: '2021-3-6',
              end: '2021-5-13'
            },
        }
    },
    expandRows: true, 
    plugins: [
      resourceCommonPlugin,
      resourceTimelinePlugin,
      interactionPlugin,
    ],

    schedulerLicenseKey: "GPL-My-Project-Is-Open-Source",
    initialView: "resourceTimelineThreeMonths"

Answer 1

如果您使用duration作为分母来设置months值，则fullCalendar将其视为希望将一个月作为设定日历的核心时间块的一个标志，而initialDate只是一个属于该期间的日期。

如果你使用一个较小的时间面额，那么它是更灵活的-例如，使用weeks将允许它开始于最近的一周开始，而不是最近的月份开始。如果您使用days作为分母，那么您就有了更大的灵活性。

如果设置了duration值，则visibleRange没有任何效果。duration优先于它。

另外，initialDate不是一个特定于视图的选项，它必须被指定为一个全局选项，而不是在特定视图的设置中指定，否则它不会产生任何效果。

所以你最终会得到这样的设置：

views: {
  resourceTimelineThreeMonths: {
    type: "resourceTimeline",
    duration: { weeks: 12 },
  }
},
initialDate: "2021-03-06",
//...etc

使用weeks：https://codepen.io/ADyson82/pen/OJbqJxZ的演示

使用days：https://codepen.io/ADyson82/pen/wvoOvpx的演示

使用静态visibleRange：https://codepen.io/ADyson82/pen/rNWRNJa的演示

没有像activeStart这样的选择，不知道你是从哪里得到的？