search

sugi / jquery-gcal-flow

jQuery Google Calendar Flow plugin
62 stars 28 forks source link

Dealing with Time Zones #14

Closed dylanglockler closed 10 years ago

dylanglockler commented 10 years ago

I have an event in my calendar occurring from 7-9PM in the central time zone. I want the time to display as 7-9PM for everyone, no matter where they are browsing from, but it's displaying as 8-10PM where I am on the East Coast. Is there some way to control this so that it displays the time the event will occur in the time zone it will occur in?

The website is www.jasonkfriedman.com.

sugi commented 10 years ago

I agree your needs. However, unfortunately, current implementation of gcal flow has no way to fix timezone to display. Event time will be shown time in timezone of browser's.

dylanglockler commented 10 years ago

Is there no way to at least display the timezone in which the event will occur to minimize confusion? I know there is gcf-item-location, but no way to expose or display the time zone?

nlaspina commented 10 years ago

I read your post, very nice site. It prompted me to find this: https://support.google.com/calendar/answer/2367918?hl=en Seems like Google already configs the time zone to user's? Not sure if this is the case while parsing data via gCalFlow-

serling5 commented 10 years ago

Hi Dylan, I think I might have found a solution to this. I'm not an expert coder so someone would need to tell me if my solution might cause a problem somewhere, but for now, it's been working for me. I am able to add the time zone of the event.

In your jquery.gcal_flow.js file, find the line: ci.find('.gcf-item-update-date').html(this.opts.date_formatter(this.parse_date(ent.updated.$t), false)); link = $('').attr({ target: this.opts.link_target, href: ent.link[0].href

Those lines of code are in your gCalFlow.prototype.render_data function, at about line196, or roughly near there. At the end of the 'href: ent.link[0].href line', add the "&" symbol your time zone in quotes. For instance, I am in the Central Time Zone. My code looks like this for that line: href: ent.link[0].href + "&ctz=America/Chicago"

That additional text at the end sets the time zone. If you don't know what the text for your time zone is, you can go into the Google Calendar setting and get that information from the code they give you to embed the calendar onto your site.

sugi commented 10 years ago

This has been fixed with 3.0.0. Now time will be display on browser timezone.

Dhirajpatel commented 8 years ago

Hello, Can we set pacific time zone?