FullCalendar - 不同日期的不同minTime / maxTime

时间:2015-10-22 13:27:02

标签: fullcalendar

有没有办法为不同的日子设置不同的minTime / maxTime?

例如:
周一,开始时间:09:00,结束时间:19:00
星期二,开始时间:10:00,结束时间:20:00
...
周六,开始时间:09:00,结束时间:13:00

1 个答案:

答案 0 :(得分:0)

我意识到现在有点老了,但是我能够通过在基于某些事件初始化之后设置minTime和maxTime选项来实现这一点。我相信这个功能只能在以后的版本中使用(我使用的是v3.1.0)。

在我的场景中,当用户点击当天时,我会根据一周中的哪一天设置开始时间和结束时间。我创建了每天开放和关闭时间的地图/字典:

// Create a map of the ISO day and the start and end times
// Eg. 1 = Monday, 2 = Tuesday etc
var openCloseTimes = {
    // Monday
    1: {
        startTime: '09:00:00',
        endTime: '17:00:00'
    },
    // Tuesday
    2: {
        startTime: '09:00:00',
        endTime: '17:00:00'
    },
    // Wednesday
    3: {
        startTime: '09:00:00',
        endTime: '17:00:00'
    },
    // Thursday
    4: {
        startTime: '09:00:00',
        endTime: '17:00:00'
    },
    // Friday
    5: {
        startTime: '09:00:00',
        endTime: '17:00:00'
    },
    // Saturday
    6: {
        startTime: '10:00:00',
        endTime: '16:00:00'
    },
    // Sunday
    7: {
        startTime: '10:00:00',
        endTime: '16:00:00'
    }
}

然后在我的日常功能中:

dayClick: function( date, jsEvent, view) { 

    // Get the day of week integer
    // Eg. 1 = Monday, 2 = Tuesday
    var dayOfWeek = date.day();

    $('.calendar').fullCalendar('option','minTime', openCloseTimes[dayOfWeek].start_time);
    $('.calendar').fullCalendar('option','maxTime', openCloseTimes[dayOfWeek].end_time);
}
相关问题