组件详解|日历日期选择器 Calendar date picker
一、适用
- 用户没有特定的目标日期。
- 不久的将来或过去的日期。
二、提升日期选择器的用户体验可以考虑以下几个关键点
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(日/月/年)
感谢阅读,以上就是本次分享的全部内容,希望你能从这篇文章中有所收获。
本文作者@张楚 。
版权声明
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!