“日期交换”组件

Google Ads、Google AdMob、AMPHTML 广告视频广告图片广告均不支持此组件。

“日期交换”组件可帮助您根据浏览者浏览网页的时间和日期(与您指定的日期范围进行比较)显示不同内容。例如,借助“日期交换”组件,您可以在电影上映之前、当天以及之后显示自定义内容。

如需向项目中添加“日期交换”组件,请执行以下操作:

  1. 打开组件面板,然后打开日期/时间文件夹。
  2. 日期交换 Date Swap component icon 组件拖到场景中。
  3. 属性面板中,设置日期范围(请参阅下文的“属性”部分)。
  4. 向该组件添加子元素。(了解如何嵌套元素。)该组件会根据您设置的日期范围显示或隐藏任何子元素。您还可以根据组件的日期范围设置事件,以影响非子元素。
  5. 添加一个触发检查日期操作的事件,该事件使您能够控制何时进行日期比较。例如,如需设置在页面可显示后进行日期检查,您可以使用页面 > 可以呈现页面了事件。

属性

属性 说明
名称 该组件的名称。
开始 日期范围的开始日期(采用 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

该内容对您有帮助吗?

您有什么改进建议?
搜索
清除搜索内容
关闭搜索框
主菜单
3397928236473026150
true
搜索支持中心
true
true
true
true
true
5050422
false
false