Question

I have been working with the FullCalendar and came across some problems in Firefox. I have selectable on and the start date comes over in IETF format. For some reason, IE8 is able to post this (and autoconvert it to a timestamp), but Firefox won’t.

It leaves it in IETF format, and PHP’s date() function doesn’t work with it. I used the fullCalendar.formatDate() function as a work-around, but this doesn’t seem like the best solution to me.

Is there another way to make this work?

<script type='text/javascript'>
    $(document).ready(function () {
        var date = new Date();
        var calendar = $("#calendar").fullCalendar({
            theme: true,
            title: "Employee Calendar",

            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            buttonIcons: {prev: 'circle-triangle-w', next: 'circle-triangle-e'},
            editable: true,
            droppable: true,
            events: '<?php echo matry::base_to('utilities/calendar_events');?>',
            eventClick: function (event) {
                $.ajax({
                    url: '<?php echo matry::base_to('utilities/calendar_tools');?>',
                    type: 'POST',
                    data: {id: event.id, job: 'getEvent'},
                    success: function(data){
                        $("#event_box").fadeIn(500);
                        $("#event_info").html(data);        
                    }
                });
            },
            selectable: true,
            selectHelper: true,
            select: function (start, end, allDay){                                    
                var title = prompt('Event Title');
                start = $.fullCalendar.formatDate(start, 'yyyy-MM-dd HH:mm:ss');
                end = $.fullCalendar.formatDate(end, 'yyyy-MM-dd HH:mm:ss');
                if (title)
                {
                    $.ajax({
                        type: 'POST',
                        url: '<?php echo matry::base_to('utilities/calendar_tools');?>',
                        data: {title: title, start: start, end: end, allDay: allDay, job: 'createEvent'},
                        success: function(data) {
                            calendar.fullCalendar('refetchEvents' );
                            $("#alerts").html(data);
                        }//close success function
                    })//close ajax
                }
                else 
                    calendar.fullCalendar('unselect');
            }//close select function
        }); //close fullcalendar function

        $("#calendar_controls").accordion({
            collapsible: true,
            clearStyle:true,
            active: false,
            autoHeight: true
        });//close calendar controls

        $(document).on('submit', '#event_form', function (event){
            event.preventDefault();
                $.ajax({
                    url: '<?php echo matry::base_to('utilities/calendar_tools');?>',
                    type: 'POST',
                    data: $('#event_form').serialize(),
                    success: function(data){
                        $("#event_box").fadeOut('2000');
                        $("#alerts").html(data).focus();
                    }
                })    
        });//close on function

        $(document).on('click', '#delete', function() {
            var con = confirm('Do you want to delete this Event?');
            if (con)
            {
                var id = $("#event_form input[name= 'id']").val();
                $.ajax({
                    url: '<?php echo matry::base_to('utilities/calendar_tools');?>',
                    data: {id: id, job: 'deleteEvent'},
                    type: 'POST',
                    success: function(data){
                        $("#alerts").html(data).focus()
                        calendar.fullCalendar('refetchEvents');
                        $("#event_box").fadeOut(1000);
                    ;}
                });
            }
        })
    }); //close document.ready function
</script>

Answer 1

IETF date format doesn’t get passed correctly by firefox, but the date can be altered with the $.fullCalendar.formatDate() function that appears to work well. IF this is added wherever dates are passed, the format can be changed.