CODEWITHSUNDEEP
jqueryfullcalendar
user2721441
user2721441

Reputation: 1

fullcalendar jquery agendaWeek

I am trying to create a timetable functionality using FullCalendar library on AgendaWeek mode.

However when I put several events on the same time slot, it renders horizontally and squeeze the events equally. Is it possible to have the events line up vertically and the height of the cell autoexpand.

Also why the hiddenDays function is not working. I'm still looking at a full days from sunday - saturday

I'm using fullcalendar 1.6.1

Any help is appreciated. Thanks

snippet below

<script>
    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();


        $("#calendar").fullCalendar({
            theme : false,
            header : false,
            minTime : 12,
            maxTime : 18,
            slotMinutes : 60,
            contentHeight : 800,
            height : 1000,
            hiddenDays: [ 1, 3, 5 ],
            allDaySlot: false,
            defaultView : 'agendaWeek',
            editable : true,
            columnFormat : {
                month : 'dddd',
                week : 'dddd',
                day : 'dddd'
            },
            events : [ {
                title : 'Kevin',
                start : new Date(y, m, d, 16, 0),
                allDay : false
            } , {
                title : 'Angga',
                start : new Date(y, m, d, 15, 0),
                allDay : false
            } , {
                title : 'Betty',
                start : new Date(y, m, d, 15, 0),
                allDay : false
            } , {
                title : 'Donna',
                start : new Date(y, m, d, 15, 0),
                allDay : false
            } , {
                title : 'Debby',
                start : new Date(y, m, d, 15, 0),
                allDay : false
            } 
            , {
                title : 'Anton',
                start : new Date(y, m, d, 15, 0),
                allDay : false
            } , {
                title : 'Anton',
                start : new Date(y, m, d, 15, 0),
                allDay : false
            } , {
                title : 'Anton',
                start : new Date(y, m, d, 15, 0),
                allDay : false
            } 
            ]
        });


</script>

Upvotes: 0

Views: 3477

Answers (1)

MarCrazyness
MarCrazyness

Reputation: 2182

I would try setting the defaultView to the basicWeek. This may be what you are looking for. http://arshaw.com/fullcalendar/docs/views/Available_Views/ has all the available views.

defaultView : 'basicWeek'

Upvotes: 1

Related Questions