回所有课程
课程库

日期/时间字段

使用日期/时间字段指定一个日期和时间收集物品。

这个视频老UI特性。更新版本即将到来!
克隆这个项目

日期/时间字段是一个集合场,让你和你的合作者为一组条目指定日期和时间。指定的值可以显示日期和时间字段收藏列表或在收藏页面。您还可以使用日期和时间字段过滤和排序列表或集合设置条件元素集合列表和页面上的可见性。

Webflow自动追踪的日期和时间创建日期,日期发布日期修改,所以没有必要为这些创建字段。

共同使用

  • 未来的日期或时间(即将到来的事件、发布日期等)
  • 一个日期或时间过去(生日、历史日期等)
  • 手动设置定制出版日期

在这节课中,我们谈论:

  • 创建一个日期/时间字段
  • 设置日期和时间
  • 动态显示日期和时间
  • 过滤列表集合使用日期/时间字段
  • 排序列表集合使用日期/时间字段
  • 设置条件使用日期/时间字段可见性

创建一个日期/时间字段

日期/时间字段可以被添加到一个新的或现有的集合。在收集设置,点击新领域然后选择日期/时间字段。

你可以选择包含一个时间选择器。与任何字段,您可以指定是否字段是必需的。

设置日期和时间

你可以设置你的日期和时间使用日期和时间的人或输入一个日期(MM / DD / YYYY)或一个日期和时间值(MM / DD / YYYY HH: MM点)。

动态显示日期和时间

作为一个设计师,你有多个方法的动态显示日期和时间值的设计。将这些值到你的收藏列表页面,您需要:

  1. 将日期和时间字段连接到一个文本元素
  2. 格式化日期和时间值

把日期和时间值文本元素

你可以将日期和时间值连接到任何文本元素在集合列表或一组页面。创建和连接一个日期和时间元素:

  1. 你的收藏列表中添加一个文本元素或页面
  2. 检查得到文本复选框的内部文本设置出现
  3. 选择的日期/时间字段字段下拉
  4. 选择一个日期(和时间)格式

您还可以访问内部文本设置通过选择文本元素,点击设置图标旁边的元素标签在画布上或通过设置面板(D)。

您可以删除连接取消勾选“从“得到文本内部文本设置。

格式化日期和时间值

一旦你连接你的日期和时间字段的元素,你会得到一个日期,时间,日期和时间格式化选项的格式下拉。

你可以把日期/时间领域多次在你的设计。这允许您创建独特的布局和设计显示划分部分的日期(天,月,年)和时间(小时)。您可以使用多个文本元素绑定到实现这一不同的日期/时间部分。例如,您可以将其中一个连接到这一天,其中一个月,然后你可以连接另一个。

过滤列表集合使用日期和时间字段

如果你想创建一个集合的列表即将来临的事件为例,您可以创建一个过滤器使用的日期和时间字段显示事件在未来但隐藏过去的事件。这样做:

  1. 选择您想收藏列表过滤器
  2. 设置面板(D)
  3. 添加一个过滤器收藏列表设置
  4. 选择您的数据和时间字段在第一个下拉
  5. 选择后或等于
  6. 设置为0的天数(它应该表明你今天这个过滤器设置为)
  7. 保存

过滤规则可以使用的日期和时间字段值是:

  1. 设置:寻找一个收集的物品有任何日期值设置为这个日期字段
  2. 没有设置:查找收集的物品没有任何日期值设置为这个日期字段
  3. 后或等于:将过滤条目或选定的日期之后
  4. 之前或等于什么:将过滤条目设置选定的日期或之前。

“前/后等于”,你可以:

  • 选择的天数,几周、几个月或者几年,
  • 选择这个日期是否设置“回到过去”或“未来”

创建一个范围的日期过滤,设置范围的开始和结束日期。举个例子,如果你想过滤从2周过去t2wo周未来:

  1. 选择您想收藏列表过滤器
  2. 设置面板(D)
  3. 添加一个过滤器收藏列表设置
  4. 选择您的数据和时间字段在第一个下拉
  5. 选择后或等于
  6. 设置数量2的时间间隔,在过去
  7. 保存
  8. 添加第二个过滤器
  9. 再次选择你的日期和时间字段
  10. 选择之前或等于什么
  11. 设置数量2的时间间隔,在未来
  12. 保存

这副日期过滤器将创建一个范围,只有两个过滤器之间的物品与日期,显示在你的收藏列表。


了解更多关于过滤收集列表

排序列表集合使用日期和时间字段

你也可以收藏列表日期和时间:

  1. 选择您想收藏列表过滤器
  2. 设置面板(D)
  3. 添加一个排序顺序收藏列表设置
  4. 选择您的日期和时间字段在第一个下拉
  5. 第二个下拉选择排序顺序:古老的最新,或最新的古老
  6. 点击保存

使用日期和时间字段设置条件的可见性

收集日期过滤器,你隐藏的物品不符合一个特定的日期范围。与有条件的可见性,您可以选择显示或隐藏特定的元素,例如即将到来的事件标签,在你设计通过设置可见性规则。

  1. 选择标签即将到来的事件
  2. 设置面板(D)
  3. 添加一个条件(当此元素是可见的)有条件的可见性
  4. 选择您的日期和时间字段在第一个下拉
  5. 选择后或等于
  6. 指定的天数,几个月,或几年(选择0天包括今天)
  7. 选择在未来
  8. 点击保存

了解更多关于有条件的可见性。

尝试Webflow——它是免费的
Baidu
map