Javascript 如何将fullcalendar视图设置为在当前日期前1周开始?
我使用的是Vue版本的fullcalendar.io(v5),其中有一个通过设置传递的自定义视图对象,我不知道如何设置它,以便日历在当前日期前1周开始。我尝试了initialDate、activeStart和visibleRange选项,但没有成功。无论发生什么,它都会在本月初开始。相关设置代码: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',
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,或者是一个设计,我没有为此打开一个问题,不。我猜可能是设计,因为它似乎有一个模式,但我不确定。你可以打开一个问题询问你是否愿意。不管怎样,很高兴它起了作用。