FullCalendar语言 - 不同的minTime / maxTime为不同的日子



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

,
Mon, startTime: 09:00, endTime: 19:00
Tue, startTime: 10:00, endTime: 20:00

…Sat, startTime: 09:00, endTime: 13:00

我意识到这有点老了,但是我能够通过在基于某些事件的初始化之后设置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'
    }
}

然后在my dayclick函数中:

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);
}

相关内容

  • 没有找到相关文章

最新更新