组件详解｜日历日期选择器 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（日/月/年）
感谢阅读，以上就是本次分享的全部内容，希望你能从这篇文章中有所收获。
本文作者@张楚 。
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！