在fullcalendar v2上设置显示的周期

时间:2014-05-22 07:48:45

标签: javascript jquery fullcalendar

我正在使用Adam Show的优秀fullcalendar插件v2 beta。

我想在议程周刊中查看特定日期作为显示的周开始。

所以结果将是7天的时间段,第一天将是我的给定日期等。 在以前的版本中,这种行为是通过使用visStart,visEnd参数实现的。

我尝试使用intervalStart,intervalEnd,就像这样

$('#calendar').fullCalendar({
    defaultView : 'agendaWeek',
    slotDuration    : '00:60:00',
    snapDuration    : '00:60:00',
    timezone    : "local",
    allDaySlot  : false,
    scrollTime  : '07:00:00',
    minTime     : '07:00:00',
    maxTime     : '22:00:00',
    now         : moment('2014-05-22').format("YYYY-MM-DDTHH:mm:ssZZ"),
    defaultDate : moment('2014-05-22').format("YYYY-MM-DDTHH:mm:ssZZ"),
    today       : moment('2014-05-22').format("YYYY-MM-DDTHH:mm:ssZZ"),
    intervalStart   : $.fullCalendar.moment('2014-05-22'),
    intervalEnd     : $.fullCalendar.moment('2014-05-29'),
    start           : $.fullCalendar.moment('2014-05-22'),
    end             : $.fullCalendar.moment('2014-05-29'),
    editable: true,
});

但没有效果。 你可以看看这个小提琴:http://jsfiddle.net/yq2gU/9/

1 个答案:

答案 0 :(得分:1)

var s =" [{'id':1,'name':'Test1'},{'id':2,'name':'Test2'}]";
var myObject = eval('(' + s + ')');

并在名为events的日历函数中设置一个参数:

$('#calendar').fullCalendar({
    defaultView : 'agendaWeek',
    slotDuration    : '00:60:00',
    snapDuration    : '00:60:00',
    timezone    : "local",
    allDaySlot  : false,
    scrollTime  : '07:00:00',
    minTime     : '07:00:00',
    maxTime     : '22:00:00',
    now         : moment('2014-05-22').format("YYYY-MM-DDTHH:mm:ssZZ"),
    defaultDate : moment('2014-05-22').format("YYYY-MM-DDTHH:mm:ssZZ"),
    today       : moment('2014-05-22').format("YYYY-MM-DDTHH:mm:ssZZ"),
    intervalStart   : $.fullCalendar.moment('2014-05-22'),
    intervalEnd     : $.fullCalendar.moment('2014-05-29'),
    start           : $.fullCalendar.moment('2014-05-22'),
    end             : $.fullCalendar.moment('2014-05-29'),
    editable: true,
    events:myObject,
});