Google Ads、Google AdMob、AMPHTML 广告、视频广告和图片广告均不支持此组件。
“日期交换”组件可帮助您根据浏览者浏览网页的时间和日期(与您指定的日期范围进行比较)显示不同内容。例如,借助“日期交换”组件,您可以在电影上映之前、当天以及之后显示自定义内容。
如需向项目中添加“日期交换”组件,请执行以下操作:
- 打开组件面板,然后打开日期/时间文件夹。
- 将日期交换 组件拖到场景中。
- 在属性面板中,设置日期范围(请参阅下文的“属性”部分)。
- 向该组件添加子元素。(了解如何嵌套元素。)该组件会根据您设置的日期范围显示或隐藏任何子元素。您还可以根据组件的日期范围设置事件,以影响非子元素。
- 添加一个触发检查日期操作的事件,该事件使您能够控制何时进行日期比较。例如,如需设置在页面可显示后进行日期检查,您可以使用页面 > 可以呈现页面了事件。
属性
属性 | 说明 |
---|---|
名称 | 该组件的名称。 |
开始 | 日期范围的开始日期(采用 RFC2822 或 ISO 8601 格式)。(请参见以下示例。)可以绑定到动态数据。 |
结束 | 日期范围的结束日期(采用 RFC2822 或 ISO 8601 格式)。(请参见以下示例。)可以绑定到动态数据。 |
示例日期
- 采用 RFC 2822 格式:
- 1 Jan 2018
- 15 Jun 2018 13:30
- 31 Dec 2018 23:59:59 +0000
- 采用 ISO 8601 格式:
- 2018-01-01
- 2018-06-15 13:30
- 2018-12-31T23:59:59 +0000
如果您未指定时区,系统会使用浏览者的当地时区。
事件和操作
“日期交换”组件发送的事件您可以根据以下“日期交换”组件事件触发其他操作:
事件 | 说明 |
---|---|
早于 | 在当前日期和时间早于属性中指定的日期范围时发送。 |
期间 | 在当前日期和时间在属性中指定的日期范围(包含此范围的开始日期和结束日期)内时发送。 |
晚于 | 在当前日期和时间晚于属性中指定的日期范围时发送。 |
如需在事件对话框中选择上述某个事件,请将“日期交换”组件设为目标。
如需控制何时进行日期比较,请使用下一部分中所述的检查日期操作。
以下“日期交换”组件操作可由其他事件触发:
操作 | 说明 |
---|---|
检查日期 | 根据指定的日期范围检查当前日期和时间。 |
在事件对话框中选择此操作时,请将“日期交换”组件设为接收方。
了解如何配置事件。
预览
此组件在 Google Web Designer 界面内无法预览。要查看该组件的实际运作情况,请点击右上角的预览 按钮,在您的首选浏览器中预览您的文档。
测试
您可以使用以下方法之一测试“日期交换”组件:
- 更改系统时钟。
- 使用
currentdateoverride
属性替换单个元素的当前日期(采用 RFC2822 或 ISO 8601 格式):from_date="2018-06-15" to_date="2018-08-15" currentdateoverride="2018-07-15">Mid-July