Named timezone is not getting set about fullcalendar-vue HOT 5 CLOSED

Thanks, confirmed.

from fullcalendar-vue.

That's what's supposed to happen if you don't provide a named-timezone plugin
https://fullcalendar.io/docs/timeZone#with-a-timezone-plugin

If would like to see how your non-Vue example works, but the link is broken. Could you post one that works?

from fullcalendar-vue.

@arshaw https://fullcalendar.io/docs/timeZone-demo
This one in the official docs works with plain JS implementation. This implementation does not seem to use any timezone plugin, however, it uses an event feed.

I did in fact go through the docs before posting this question and did not quite get the meaning of UTC coercion. The docs do mention that if no timezone plugin is used, we need to use full calendar in tandem with an event json feed. This is evident to me now as I tried using plain events array in the above example with vanilla js implementation and it defaults to UTC time for each timezone except local as illustrated in this https://codepen.io/anon/pen/VJzRpG?editors=0010.

So, I guess, what you are suggesting is right. We need to use a timezone plugin for timezone support unless one is using an event feed.

But I'm still not sure how using an event feed works without a timezone plugin. The feed supplies the calendar with an array of events. And if we supply that array manually without a feed [as in this codepen], time zones do not work!

from fullcalendar-vue.

Did this ever get addressed? If not does anybody have a cleanish work around. I'm definitely butting up against this. The calendar w/ business hours seems to be respecting the timezone, but the dateclick does not seem to be at all as described above.

As a work around I have tried: this.calendarApi.setOption("timezone", timezoneStr);

But it is the same as providing it as a prop.

from fullcalendar-vue.

@Krantisinh, the reason you are seeing the event-rendering difference between vanilla JS and Vue has nothing to do with Vue. The reason is that the demo hosted on fullcalendar.io is requesting a URL like this:

https://fullcalendar.io/demo-events.json?start=2020-06-28T00%3A00%3A00Z&end=2020-08-09T00%3A00%3A00Z&timeZone=UTC

It sends the timeZone as a GET parameter. The script (which is a PHP script behind the scenes) looks at this param and sends back events with datetime values in the given timeZone.

from fullcalendar-vue.