Embedded Google calendar : how to set range of hours to display?

Question

Given the following embedding code:

<iframe src="https://www.google.com/calendar/embed?
title=2014 PLIDAM International Symposium (Paris)&
dates=20140611/20140615&
mode=WEEK&amp;
showNav=1&amp;
showDate=1&amp;
showPrint=1&amp;
showTabs=1&amp;
showCalendars=0&amp;
showTz=1;
height=600&amp;
wkst=2&amp;
bgcolor=%23666666&amp;
src=vdfmfbp0msroletduigs2qtkoc%40group.calendar.google.com&amp;
color=%232952A3&amp;
ctz=Europe%2FParis" 
style=" border:solid 1px #777 " width="800" height="600" frameborder="0" scrolling="no"></iframe>

Is there a parameter to set the hours to display/focus_on from 09:00 to 18:00 (6pm), aka the working hours ? Same for days, is there someways to just display/focus_on the rights 4 days only.

Fiddle here

Still no solution? I am facing the same issue. – Franck Dernoncourt Apr 09 '16 at 21:11 — Franck Dernoncourt, Apr 09 '16 at 21:11
I'm looking for this response too. – Doc Kodam Jul 01 '16 at 22:01 — Doc Kodam, Jul 01 '16 at 22:01
Same here. There must be a way to do this, yeah? – evanmcd Oct 12 '16 at 00:54 — evanmcd, Oct 12 '16 at 00:54
Can you be a little more elaborative ? – Hritik Apr 06 '17 at 12:01 — Hritik, Apr 06 '17 at 12:01

score 3 · Answer 1 · answered Jul 06 '17 at 18:23

There doesn't appear to be a way to do this through the API, currently. I would use javascript/jQuery to remove the elements you don't want to show in the DOM after the iframe has finished loading.

So, you could delete the Wednesday column, if you know the column index, by something like this:

$("tr").each(function() {
    $(this).filter("td:eq(3)").remove();
});

You can also scroll a specific div into view:

https://stackoverflow.com/a/4884904/5129424

$("#myImage")[0].scrollIntoView();

Embedded Google calendar : how to set range of hours to display?

1 Answers1