简体   繁体   中英

want to change time period in week view of fullcalendar plugin

I am working on fullcalendar plugin.I did code for week view default display 3 day at a time but i want to display 15 min time slot duration
for example 9.00 to 9.15. This is what I tried:

$('#calendar').fullCalendar({
    header: {
        center: 'agendaThreeDay' // buttons for switching between views
    },
    views: {
        agendaThreeDay: {

        type: 'agenda',
        duration: { days: 3 },
        buttonText: '3 day'
    }
},
defaultView:'agendaThreeDay'
});

my code here

This will solve the problem for you:

select: function(start, end) {
    console.log( 'Events :' + getEventsByTime( start, end ).length );
    var ev = getEventsByTime( start, end );
    console.log( ev );
    var itms = {};            

    ev.forEach(function(entry){

      var begin = moment(entry.start);
      var final = moment(entry.end);


    while( begin.diff(final) < 0 ) {
        itms[begin] =  ( itms[begin] || 0) + 1;
        if( itms[begin] >= maxEventsInInterval ) {
            console.log(' __ WARNING __ , max events exceeded! ');
        }

        begin = moment(begin).add('seconds', 900);
    }

});
    console.log( itms );
}

function getEventsByTime( start, stop ) {
    var todaysEvents = $('div[name=calendar]').fullCalendar('clientEvents', function(event) {

       return ( 
           ( event.start >= start && event.end <= stop ) || 
           ( start >= event.start && stop <= event.end)  || 
           (start <= event.start && stop >= event.start) ||
           (start >= event.start && start <= event.end)
       );
    });
    return todaysEvents;
}

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM