I am using Fullcalendar plugin:

/

The problem is ,I found the calendar is quite confusing, as when I click on 00:00 am , it is 8:00 a.m if I logging the date

How to restrict the display date is same as the timezone, so that if I click on 00:00 , it is actually 00:00 GMT+8 , instead of 08:00 GMT + 8 ?

Thanks for helping.

I am using Fullcalendar plugin:

http://fullcalendar.io/

The problem is ,I found the calendar is quite confusing, as when I click on 00:00 am , it is 8:00 a.m if I logging the date

How to restrict the display date is same as the timezone, so that if I click on 00:00 , it is actually 00:00 GMT+8 , instead of 08:00 GMT + 8 ?

Thanks for helping.

• javascript
• php
• html
• date
• datetime

Share Improve this question Follow asked Dec 21, 2015 at 1:36 user3538235user3538235 2,01966 gold badges2828 silver badges5555 bronze badges 3

• 1 Have you tried to change the Timezone? fullcalendar.io/docs/timezone/timezone – Vidhyut Pandya Commented Dec 23, 2015 at 6:33
• 1 share your current code snippet – Venkat.R Commented Dec 26, 2015 at 17:14
• 1 setting parameter "timezone: false" in the calender script should do. – DpEN Commented Dec 27, 2015 at 6:54

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7 +50

You can use like:

<?php
    $datetime = new DateTime('now', 'America/Chicago');
    $datetime_string = $datetime->format('c');
?>

$('#calendar').fullCalendar({
    now: <?php echo json_encode($datetime_string) ?>
});

You have to set timezone property of this plugin. Like this -

var currentTimezone = "Asia/Bangkok";
$('#calendar').fullCalendar({
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,agendaWeek,agendaDay'
                },
                timezone: currentTimezone, << SET TIMEZONE HERE
                editable: true,
                selectable: true,
                eventLimit: true, // allow "more" link when too many events
            });

After setting timezone property your calendar will work base on that timezone.

Check official demo here - DEMO