antd 日期时间选择_日期选择器的交互细节

日期选择器在设计中是经常出现的。比起传统的单选按钮、多选按钮，日期的选择形式在交互设计中多种多样。例如，订酒店的日期选择与日历中的日期选择就不同。订酒店的时候，用户更希望了解未来的信息，而且一般会以“天”为单位订酒店。浏览日历的时候，用户可能只是想查某些日子发生的事情，时间跨度可能是年、月、日。因此，它们在设计时的表现形式是有差别的。

设计一个日期选择器有哪些要注意的点呢?

01 时间跨度的选择

下图的两个app例子，一个是提供一周饮食建议的亲问，一个是用来预定机票的Wego，这两个app由于使用场景的不同，提供给用户不同时间跨度的视图。对于用户来说，饮食app展示一周的食谱便已经足够，而预定机票的时候，则需要展示未来几个月的时间跨度才更加便于选择。

Fig 1亲问(left) 与Wego(右图) 日历视图

02 选择单个日期 vs 选择日期范围

Fig 2单个日期输入

Fig