场景:

用户想要按照日期筛选或查找信息。

1、Calendar

Frame 1389.png
用户规划自己未来的日程时,选择一天或者多天作为时间范围,可以使用日历设计模式,用户能更清楚的认知到时间概念和范围。
使用日历时,请务必突出显示选定的日期,并使开始日期和结束日期与众不同,而且做好可选择时间和不可选择时间的状态区分。

2、Presets

Frame 1391.png
使用诸如“今天”、“本周”、“本季度”、“上个季度”之类的预设。

3、Scroller

Frame 1390.png
滑动滚轮时间选择。这是最常见的一种时间选择设计模式,但是随着业务的复杂性,滑轮也做成了 tab 可切换的模式。例如:飞书日历时间的选择。