嵌入式 Google 日历：如何设置要显示的时间范围？答案

【问题标题】：Embedded Google calendar : how to set range of hours to display?嵌入式 Google 日历：如何设置要显示的时间范围？
【发布时间】：2014-02-05 23:00:37
【问题描述】：

给定以下嵌入代码：

<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>

是否有一个参数可以设置从 09:00 到 18:00（下午 6 点）显示/focus_on 的时间，也就是工作时间？ 几天都一样，有没有办法只显示/ focus_on 权利仅 4 天。

Fiddle here

【问题讨论】：

还是没有解决办法？我也面临同样的问题。
我也在找这个回复。
这里也一样。一定有办法做到这一点，是吗？
你能再详细一点吗？

标签： iframe google-api google-calendar-api

【解决方案1】：

目前似乎没有办法通过 API 执行此操作。在 iframe 完成加载后，我会使用 javascript/jQuery 删除您不想在 DOM 中显示的元素。

因此，如果您知道列索引，则可以通过以下方式删除周三列：

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

您还可以将特定的 div 滚动到视图中：

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

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

【讨论】：