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

Question

我正在使用 Vue 版本的 fullcalendar.io (v5) Resource Timeline View 和通过设置传递的自定义视图对象，我不知道如何设置它以便日历在当前日期前 1 周开始.我尝试了 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

似乎如果您使用months 作为分母来设置duration 值，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 这样的选项，不知道你是从哪里得到的？