$('#calendar_lessondate').fullCalendar({
                defaultView: 'month', //maand
                defaultDate: startDate, //startdatum
//custom knoppen voor het verander van view
                customButtons: {
                    Aanwezigheid: {
                        text: 'Aanwezigheid',
                        click: function () {
                            $('#calendar_lessondate,#calendar_presence').fadeToggle(200);
                            $('#calendar_presence').fullCalendar('rerenderEvents');
                        }
                    },
                    Agenda: {
                        text: 'A',
                        click: function () {
                            $('#calendar_lessondate').fullCalendar('changeView', 'agendaWeek');
                        }
                    },
                    Month: {
                        text: 'M',
                        click: function () {
                            $('#calendar_lessondate').fullCalendar('changeView', 'month');
                        }
                    }
                },
                header: {
                    left: 'Aanwezigheid',
                    center: 'title',
                    right: 'today, Agenda, Month, prev,next'
                },
                eventLimit: 6, // Max nummers per dag die je kunt siem
                eventLimitText: "lessen", Welk word er komt te staan als max behaald is
                eventOrder: 'teacher_id', order ()
                events: events, events is een object die je aanmaakt in php
                timeFormat: 'H:mm',
                displayEventEnd: true,
//je kunt een functie aan eventclick binden
                eventClick: function (event, jsEvent, view) {
                    if (!$(this).attr('class').includes('deActive')) {
                        current_event = $(this);
                        $('#eventModal').modal('open');
                        $('#eventModalLoader').show();
                        $('.event-modal-content').html('');
                        $.get('/admin/lessonDate/showRegistrationForm/' + event.lessonDate_id, function (data) {
                            $('.event-modal-content').fadeOut(200, function () {
                                $('.event-modal-content').append(data);
                                $('#eventModalLoader').hide();
                                $('.event-modal-content').fadeIn(200);
                                $('select').formSelect();
                                $("#date").datepicker({
                                    format: 'dd-mm-yyyy',
                                    setDefaultDate: true,
                                    defaultDate: new Date(event.start.format()),
                                });
                                $('.timepicker').timepicker({
                                    twelveHour: false,
                                });
                                // $('.timepicker').timepicker('showView', 'minutes');
                            });
                        });
                    },
                dayClick: function (date, jsEvent, view) {
                    $('#eventModal').modal('open');
                    $('#eventModalLoader').show();
                    $('.event-modal-content').html('');
                    $.get('/admin/lessonDate/create/' + date.format() + '/' + current_lesson_id, function (data) {
                        $('.event-modal-content').fadeOut(200, function () {
                            $('.event-modal-content').html(data);
                            $('#eventModalLoader').hide();
                            $('#lessonDate-create-startDate').val($("#calendar_lessondate").fullCalendar('getDate'));
                            $('.event-modal-content').fadeIn(200, function () {
                                $('#eventTabs').tabs();
                                checkTimes();
                            });
                        });
                    });
                    current_date = date.format();
                },
                select: function (start, end, allDay) {
                    var check = $.fullCalendar.formatDate(start, 'yyyy-MM-dd');
                    var today = $.fullCalendar.formatDate(new Date(), 'yyyy-MM-dd');
                },
                eventRender: function eventRender(event, element, view) {
                    return current_colors.includes(event.backgroundColor);
                },
                eventAfterAllRender: function () {
                    $('.fc-button').addClass('btn waves-effect green lighten-1').removeClass('fc-state-default');
                }
            });