Comments (5)
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:
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.
Related Issues (20)
- i found a bug in Timeline ,when set eventMaxStack.i have a demo address,help me please. HOT 1
- resourceTimelineDay v-slot resourceLabelContent only work with column one HOT 2
- Add support for Vue Router and Vuex HOT 5
- Integration for nuxt HOT 1
- JSX issue when using in Vue 3 with Typescript HOT 8
- TypeError: Cannot set properties of undefined (setting 'VueFullcalendar') HOT 1
- Vue3: Custom event component issue: No root instance for app HOT 1
- More than 1 full calendar on the same page. HOT 1
- Event change class between determinate hours HOT 1
- Render `eventContent` in the context of the main Vue application HOT 1
- Using slots breaks optimized rendering HOT 1
- __vite_ssr_import_1__ is not defined when trying to implement FullCalendar in nuxt3 project HOT 1
- CDN triggers "Uncaught TypeError: d is undefined" and so doesn't seem to run HOT 2
- Global.vue is not a function HOT 1
- Importing fullcalendar component breaks type checking with vue-tsc HOT 4
- Horizontal scroll position on timelineMonth resets when navigating to the next day HOT 1
- dayMinWidth: No ScrollGrid implementation HOT 1
- Createapp() called for every event in fullcalendar vue3 HOT 5
- fullcalender not showing time correctly on daygrid view HOT 2
- This issue tracker has moved
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from fullcalendar-vue.