uniapp 日期选择器_APP设计中的时间选择器

原标题：APP设计中的时间选择器

转自：海盐社(ID：hys-ssc)

作者：小火焰🔥

时间选择器是我们在设计APP时常见的一种控件，用来帮助用户快速高效的选择/录入时间信息。虽然很常见，但若让你针对产品的时间选择功能来设计一款日期选择器，你头脑里是否对它有清晰明确的概念，快速输出合适的设计方案呢？如果没有的话，那么我们接下来就一起讨论一下，那看似简单的日期选择器背后的设计依据和设计要点。

目录

滚轮时间选择器

日历时间选择器

滚轮时间选择器

用来选择一个很具体的时间，比如说出生年月，出发时间等。要快速精准的确定选择的日期，就需要将日期进行维度划分，通常情况下的时间维度有以下几个方面：某年、某月、某日、某时、某分、某秒。具体的展示形式如下：

设计要点：

可以用今天、明天、后天这种时间表述形式(比如滴滴)，减少用户理解的成本，辅助用户快速定位。

可以在具体日期后面增加星期几，辅助对时间的理解和记忆。因为对于上学/上班族的我们来说，我们对周的概念会比日期更敏感。当然不是所有的时间选择都适合增加周的概念来辅助，一般预约类的日期选择需要增加，比如会议日程安排、预约专车等等；而特定日期选择的就不需要了，比如生日的选择。

如果是日程安排可以增加上/下午，这样可以将时间选择范围进一步缩小，提升整体时间选择的操作效率。

没有的时间段不展示出来。比如滴滴的预约用车，是不能预约此刻之