Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将fullcalendar视图设置为在当前日期前1周开始?_Javascript_Vue.js_Date_Fullcalendar_Fullcalendar 5 - Fatal编程技术网

Javascript 如何将fullcalendar视图设置为在当前日期前1周开始?

Javascript 如何将fullcalendar视图设置为在当前日期前1周开始?,javascript,vue.js,date,fullcalendar,fullcalendar-5,Javascript,Vue.js,Date,Fullcalendar,Fullcalendar 5,我使用的是Vue版本的fullcalendar.io(v5),其中有一个通过设置传递的自定义视图对象,我不知道如何设置它,以便日历在当前日期前1周开始。我尝试了initialDate、activeStart和visibleRange选项,但没有成功。无论发生什么,它都会在本月初开始。相关设置代码: views: { resourceTimelineThreeMonths: { type: 'resourceTimeline',

我使用的是Vue版本的fullcalendar.io(v5),其中有一个通过设置传递的自定义视图对象,我不知道如何设置它,以便日历在当前日期前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"

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

如果使用较小的时间单位,则更灵活-例如使用
将允许在最近的一周开始,而不是最近的一个月开始。如果您使用
天数
作为分母,那么您就有了更大的灵活性

如果设置
持续时间
值,则
可视范围
无效<代码>持续时间优先于它

另外,
initialDate
不是视图特定的选项,必须将其指定为全局选项,而不是在特定视图的设置中,否则无效

因此,您最终会得到如下设置:

views: {
  resourceTimelineThreeMonths: {
    type: "resourceTimeline",
    duration: { weeks: 12 },
  }
},
initialDate: "2021-03-06",
//...etc
使用
周进行演示

使用
天进行演示

使用静态
可视范围进行演示



另外,没有像
activeStart
这样的选项,不知道你从哪里得到的?

非常感谢!!我会尽快试一试!我对所有的选择都很困惑。activeStart在这里是fullcalendar.io/docs/view-object,但我现在意识到这只是视图对象的只读字段,因为它被传递到handlersSetting duration to days worked!您是否有机会在fullcalendar github回购中发行过债券?我不知道它是不是;这是一个bug,或者是一个设计,我没有为此打开一个问题,不。我猜可能是设计,因为它似乎有一个模式,但我不确定。你可以打开一个问题询问你是否愿意。不管怎样,很高兴它起了作用。