如何在第一次初始化时将完整日历设置为特定的开始日期？

Question

当我调用函数显示日历时,我想将初始月份设置为任意月份.

例如,用户选择在其他地方去年6月(2011年6月)的日期,并且我希望fullcalendar显示在4月(2010年4月)之前的月份显示.是的,这只是为了提出一个案例,而不是有意义;-))

在我随后调用显示功能之前,我尝试调用'gotodate',但这似乎不起作用

$('#calendar').fullCalendar( 'gotoDate', currentdate);
$('#calendar').fullCalendar({
    header: {left: 'prevYear,prev,today,next,nextYear',
         center: 'title', right: 'month,basicWeek,basicDay' etc...}

有人最终可以提供一个如何正确执行此操作的示例吗？

Answer 1

初始化时,您应该使用选项'year','month'和'date'来指定fullcalendar使用的初始日期值:

$('#calendar').fullCalendar({
 year: 2012,
 month: 4,
 date: 25
});  // This will initialize for May 25th, 2012.

见函数setYMD(date,y,m,d)中fullcalendar.js的文件; 请注意,使用了JavaScript setMonth,setDate和setFullYear函数,因此您的月份值必须为0(Jan为0).

更新:正如其他人在评论中指出的那样,现在正确的方法(编写此编辑时的V3)是将defaultDate属性初始化为一个值,即

Moment构造函数接受的任何内容,包括像"2014-02-01"这样的ISO8601日期字符串

因为它使用Moment.js. 文档在这里.

更新示例:

$('#calendar').fullCalendar({
    defaultDate: "2012-05-25"
});  // This will initialize for May 25th, 2012.

Answer 2

你倒退了.首先显示日历,然后调用gotoDate.

$('#calendar').fullCalendar({
  // Options
});

$('#calendar').fullCalendar('gotoDate', currentDate);

Answer 3

根据machineAddict的评论,从版本2及更高版本开始,year, month and day已被替换defaultDate为Moment,支持构造函数,如ISO 8601日期字符串或Unix Epoch.

因此,例如,使用给定日期初始化日历:

$('#calendar').fullCalendar({
    defaultDate: moment('2014-09-01'),
    ...
});

Answer 4

对于 v5，请使用初始日期而不是默认日期。简单地重命名选项

例如

var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
     ...
     initialDate: '2020-09-02',
     ...
});

Answer 5

您只需传递一个Date对象:
对于当前日期:

$('#calendar').fullCalendar({
    defaultDate: new Date()
});

具体日期'2016-05-20':

$('#calendar').fullCalendar({
    defaultDate: new Date(2016, 4, 20)
});