时间/日期选择字段是 收藏 字段可让您和您的同事定义收集项目的特定时间和日期。指定的时间和日期值可以显示在 收藏列表 或 收藏页面。此字段还可用于排列和组织收藏列表或为收藏列表和页面中的元素建立条件可见性。
Webflow 自动监控创建日期、发布日期和修改日期,无需为这些日期创建单独的字段。
常见应用
- 未来的日期或时间(例如即将发生的事件或发布日期)
- 过去的日期或时间(如生日或历史事件)
- 手动定义自定义发布日期
本指南涵盖:
- 建立时间/日期选择字段
- 定义日期和时间
- 显示动态日期和时间
- 使用时间/日期字段过滤收藏夹列表
- 使用时间/日期字段对收藏夹列表进行排序
- 使用时间/日期字段实现条件可见性
建立时间/日期选择字段
您可以将时间/日期选择字段集成到新的或现有的集合中。在集合设置中,点击 新领域 然后选择 时间/日期 场地。
您可以选择添加时间选择器。此外,与任何字段一样,您可以指定该字段是否为必填字段。
定义日期和时间
您可以使用提供的选择器确定日期和时间,或者手动输入日期(MM/DD/YYYY)或日期和时间值(MM/DD/YYYY HH:MM AM)。
显示动态日期和时间
设计师有多种技术可以在设计中显示动态日期和时间值。要将这些值合并到集合列表和页面中:
- 将日期和时间字段链接到文本元素
- 格式化日期和时间值
将日期和时间值链接到文本元素
您可以将日期和时间值附加到集合列表或页面中的任何文本元素。要创建并链接日期和时间元素,请执行以下操作:
- 在收藏列表或页面中添加文本元素
- 检查 检索文本来源 选项内的 内部文本设置
- 从中选择日期/时间字段 字段下拉列表
- 选择日期(和时间) 格式
您可以通过单击画布上元素标签旁边的设置图标或导航到设置面板 (D) 来访问内部文本设置。
要断开链接,请取消选择“检索文本来源”选项下 内部文本设置。
格式化日期和时间值
将日期和时间字段链接到元素后,格式下拉菜单中提供各种日期、时间和日期/时间格式选项。
您可以在设计中多次使用日期/时间字段。这样可以制作独特的布局和设计,以展示日期(日、月和年)和时间(小时)的分段部分。您可以通过将多个文本元素链接到不同的日期/时间段来实现这一点。例如,将一个链接到日期,将另一个链接到月份,将第三个链接到年份。
使用时间/日期字段过滤收藏夹列表
例如,如果您打算创建即将发生的事件的集合列表,则可以应用利用时间/日期字段的过滤器来显示未来事件,同时隐藏过去事件。要实现这一点:
- 选择需要过滤的收藏列表
- 访问 设置面板(D)
- 添加 筛选 之内 收藏夹列表设置
- 在初始下拉菜单中选择您的时间和日期字段
- 选择 晚于或等于
- 将天数指定为 0(表示过滤今天)
- 节省
可以与时间/日期字段值一起使用的过滤条件包括:
- 已设置:查找此日期字段中已定义日期的收藏品
- 未设置:查找此字段缺少指定日期的收藏项目
- 晚于或等于:筛选所选日期或之后设置的项目
- 早于或等于:过滤所选日期或之前设置的项目。
对于“晚于/早于或等于”,您可以:
- 选择时间范围(天、周、月或年)
- 选择日期设置为“过去”还是“将来”
要创建日期范围以进行过滤,请指定范围的开始日期和结束日期。例如,要从 2 周前到 2 周后进行过滤:
- 选择要过滤的收藏夹列表
- 访问 设置面板(四)
- 包括一个 屏幕 之内 装配列表配置
- 在主下拉菜单中选择您的信息和时间字段
- 选择 晚于或等于
- 确定数量 2,持续时间 周, 和 以前
- 保存
- 整合第二个 展示
- 重新选择会议和时间字段
- 选择 早于或等于
- 确定数量 2,持续时间 周, 和 将来
- 保存
这对日期屏幕将建立一个系列,其中只有日期在这两个屏幕之内的项目才会显示在您的装配列表中。
利用日期和时间字段排列组列表
您还可以按日期和时间组织群组列表:
- 选择您要筛选的群组列表
- 前往 配置面板(D)
- 添加 顺序 在下面 装配列表配置
- 在主下拉菜单中选择日期和时间字段
- 在辅助下拉菜单中选择顺序:从最旧到最新,或从最新到最旧
- 按 保存
利用日期和时间字段建立临时感知
通过应用日期筛选,您可以隐藏未遵守特定日期范围的 Group 组件。使用临时感知,您可以通过选择可感知性规则来选择在设计中显示或隐藏特定元素(例如即将发生的事件标签)。
- 选择即将发生的事件标签
- 前往 配置面板(D)
- 添加 状态 (当该元素暴露时)在 暂时的可感知性
- 在主下拉菜单中选择日期和时间字段
- 选择 晚于或等于
- 确定天数、月数或年数 (选择 0 天以包括今天)
- 选择 将来
- 按 保存
- 包括或删除工作区位置和成员 - 2024 年 4 月 15 日
- 定心盒摘要 - 2024 年 4 月 15 日
- 存储网站以供将来参考 - 2024 年 4 月 15 日