FullCalendar does not appear in the desired time zone

Usage fullCalendarI cannot get it to display in a different time zone. I am in the Pacific time zone, but I want to see events as if I were in New York. I also tried passing dates with an offset ( 2014-11-20T13:33:00-0800). Regardless, they appear as a Pacific time zone. What am I doing wrong?

$(document).ready(function () {

    var dt = "2014-11-20";
    var tz = "America/New_York";
    //Call the fullCallendar method. You can replace the '#calendar' with the ID of the dom element where you want the calendar to go. 
    $('#calendar').fullCalendar({
        header: {
            //left: 'prev,next today',
            left: '',
            center: 'title',
            right: ''
            //right: 'month,agendaWeek,agendaDay'
        },
        editable: false,
        defaultDate: dt,
        timezone: tz,
        defaultView: 'agendaDay',
        allDaySlot: false,
        events: [

        //At run time, this APEX Repeat will reneder the array elements for the events array
        {
            title: "New Photo Shoot",
            start: '2014-11-20T13:27:00',
            end: '2014-11-20T14:27:00',
            url: '',
            allDay: false,
            className: 'event-personal'
        }, {
            title: "GMB/Calendar Test 4 - Initial Photo Shoot",
            start: '2014-11-20T11:00:00',
            end: '2014-11-20T13:00:00',
            url: '/00UJ00000081xpZMAQ',
            allDay: false,
            className: 'event-birthday'
        }, {
            title: "GMB/Calendar Test 4 - Initial Photo Shoot",
            start: '2014-11-20T10:36:00',
            end: '2014-11-20T12:36:00',
            url: '/00UJ00000081xptMAA',
            allDay: false,
            className: 'event-birthday'
        }, ]
    });

});
+4
source share

All Articles