嵌入HTML网站的Outlook Calendar样式调整及仅显示当日视图方法咨询

1. 默认显示当日视图 #

直接在iframe的src链接末尾添加?view=Day参数即可切换默认视图为当日视图，如需切换其他视图也可替换参数值：周视图用view=Week，月视图用view=Month。

2. 简化界面移除冗余内容 #

Outlook嵌入日历支持通过URL参数控制界面元素显示，直接将对应参数拼接在src地址末尾即可生效，常用参数如下：

• 隐藏顶部全局导航栏：添加&navbar=0
• 隐藏左侧侧边栏与月历预览：添加&chandler=0
• 隐藏顶部操作工具栏：添加&toolbar=0
• 隐藏事件操作命令栏：添加&cmdbar=0
• 固定视图禁止用户切换：添加&path=/calendar/view/Day

注意：Outlook日历嵌入页面属于跨域资源，受浏览器同源策略限制，你无法通过自有网站的CSS代码直接修改iframe内部的样式，所有界面调整只能通过官方提供的URL参数实现

3. 修正后的完整嵌入代码示例 #

<iframe src="https://outlook.live.com/owa/calendar/00000000-0000-0000-0000-000000000000/0c153dcb-2f12-47dd-8430-827d15e3a888/cid-24879FF544F39772/index.html?view=Day&navbar=0&toolbar=0&chandler=0&cmdbar=0" scrolling="no" width="1100" height="700" frameborder="0"></iframe>

注：原代码中的frameboarder为拼写错误，正确属性名为frameborder，已在示例中修正。

内容的提问来源于stack exchange，提问作者Philip König