组件详解|日历日期选择器 Calendar date picker

一、适用

  1. 用户没有特定的目标日期。
  2. 不久的将来或过去的日期。

二、提升日期选择器的用户体验可以考虑以下几个关键点

1. 提供额外的关键决策数据

1)价格信息

预订航班、酒店或其它涉及价格变化的服务,在日期旁边显示每个日期的价格,有助于用户找到最实惠的选择。

例如,在航旅纵横预订航班时,在日期旁边以不同的颜色显示价格,橙色表示该特定日期的航班票价相对更实惠。

航旅纵横

2)号源信息

对于需要预约且预约数量有限的服务,在日期旁边显示实时号源状态,有助于用户了解每个日期的预约情况。

例如,在浙二医院预约挂号时,在日期旁边以“有号”和“无号”字样表示实时号源状态。

浙二医院

3)公共假日(国定假日)信息

预订酒店、航班、度假租赁服务,在日期旁边显示假日信息,有助于用户识别假期,并相应的计划他们的活动。

例如,在携程旅行预订航班、火车票时,在日期旁边显示公共假日信息。

携程旅行

2. 减少不必要的数据选择和显示

在较短的日期范围内选择日期,通过缩小日期选择器的日期范围,帮助用户专注于相关日期并简化选择过程。在确定适当的日期范围时,需考虑业务背景和用户行为偏好。

例1,浙二医院所有号源提前28天开放,预约未来28天的号源时,当天16:30前,其日期选择器仅显示次日开始算起27天内的日期,当天16:30后,日期选择器仅显示后日开始算起27天内的日期。

浙二医院

不同的医院号源提前开放时间不同,根据每个医院号源提前开放时间确定日期范围。

例2,高铁票预售期是15天,铁路12306日期选择器仅显示预售期相关的月份,用户仅可选择当天开始算起15天内的日期。

铁路12306

重大节日期间,随着铁路运营商调整政策,预售期可能会发生变化。

对于较少有限数量的日期选项,提供预定义的日期选项帮助用户简化日期选择过程,不需要提供日历日期选择器。

例如,杭州市第一人民医院所有号源提前7天开放,其日期选择器仅显示次日开始算起7天内的日期选项。

杭州市第一人民医院

3. 默认的预填充值

1)下一个可用日期

需要预约且号源有限的服务,将默认的预填充值设置为下一个可用日期,减少不必要的交互。

例如,在杭州市第一人民医院预约挂号时,如果次日没有号源则默认的预填充值为下一个有号源的日期。

星期命名

星期最小缩写名称

3)公共假日(国定假日)、周末和工作周

大多数国家工作周为星期一至星期五,周末为星期六和星期日。

例如,周五日落至周六日落是犹太安息日,以色列的周末为周五至周六。一些穆斯林占多数的国家,周五是穆斯林的主麻日,一般会将周五和相邻的一天定为周末。

一些国家周末可能只有一天。

例如,印度尼西亚劳工法允许两种不同的工作时间制度:5天和6天工作制。

伊朗劳动法规定周五为周休日。

不同国家的公共假日不同。

因此,在日期选择器清晰标记公共假日、周末时必须考虑不同的国家和地区惯例。

3)历法

大多数国家都使用公历作为官方民用历。

一些国家使用不同的历法作为官方民用历。

例如,伊朗出于不同目的使用三套历法(伊朗历、伊斯兰历、公历),伊朗历是伊朗的民用历,伊斯兰历用于确定伊斯兰节日,公历仅用于国际目的。

作为国际旅行提供商alibaba.ir支持伊朗历、公历,伊斯兰节日在伊朗历中清晰标记。

4)读写顺序

阿拉伯语国家、波斯语国家、希伯来语国家、乌尔都语国家读写顺序从右往左。

例如,伊朗历中每周从星期六开始并在星期五结束。在伊朗航空预订航班时,日期选择器中日期从右往左排列。

5)日期格式

在不同的国家,日期格式并不完全一致。

例如,美国日期格式:mm/dd/yyyy(月/日/年)

中国日期格式:yyyy-mm-dd(年/月/日)

英国日期格式:dd/mm/yyyy(日/月/年)

感谢阅读,以上就是本次分享的全部内容,希望你能从这篇文章中有所收获。

本文作者@张楚 。

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部