Question

Hello everybody and thanks for taking the time to read this .
Iam working with jquery callendar and iam trying to build a custom view , i was wandering if i am using the agendaweek view to view all the days in that week how can i block the calendar for only one week in the future ? What i mean is that i just want it to show for one week in the future and no more. This is my configuration ;

$('#calendar').fullCalendar({
            header: {
                left: 'next today',
                center: 'title',
                right: 'week'
            },
                        defaultView: 'basicWeek',
            editable: true,
            events: [<?php echo $calendar_events?>
                                ]
                    });

    });

Thanks everybody in advanced

Answer 1

simple solution for 1 week blockage in week view. For this code to work you need getWeekNumber function from http://www.merlyn.demon.co.uk/weekcalc.htm#WNR

/* For a given date, get the ISO week number
*
* Based on information at:
*
*    http://www.merlyn.demon.co.uk/weekcalc.htm#WNR
*
* Algorithm is to find nearest thursday, it's year
* is the year of the week number. Then get weeks
* between that date and the first day of that year.
*
* Note that dates in one year can be weeks of previous
* or next year, overlap is up to 3 days.
*
* e.g. 2014/12/29 is Monday in week  1 of 2015
*      2012/1/1   is Sunday in week 52 of 2011
*/
function getWeekNumber(d) {
   // Copy date so don't modify original
   d = new Date(d);
   d.setHours(0,0,0);
   // Set to nearest Thursday: current date + 4 - current day number
   // Make Sunday's day number 7
   d.setDate(d.getDate() + 4 - (d.getDay()||7));
   // Get first day of year
   var yearStart = new Date(d.getFullYear(),0,1);
   // Calculate full weeks to nearest Thursday
   var weekNo = Math.ceil(( ( (d - yearStart) / 86400000) + 1)/7)
   // Return array of year and week number
   return [d.getFullYear(), weekNo];
}

What you need to do is to check current week number after loading view:

$('.calendar-container').fullCalendar({
    viewDisplay: function(view) {
        var selectedWeekNumber = getWeekNumber($('.calendar-container').fullCalendar('getView').start);
        var currentWeekNumber = getWeekNumber(new Date());

        if (selectedWeekNumber[1] == currentWeekNumber[1]) {
            $('a.date-link.prev').hide();
            $('a.date-link.next').show();
        } else {
            $('a.date-link.prev').show();
            $('a.date-link.next').hide();
        }
    }
});