选的是什么日期
最佳形式取决于日期（Li, 2017）。近期日期适合日历，生日这类远期日期直接输入更快。Material（Google, n.d.）提供两种模式可切换。
移动端怎么做
滚轮是iOS惯例（Apple, n.d.），但大范围很慢。日历可放在底部弹窗中，日期格要适合拇指（Parhi et al., 2006；触控目标尺寸）。区间应在同一日历中连续选择。
格式提示与无障碍
在框旁显示格式（Christian et al., 2007），宽松接受多种分隔符（Seckler et al., 2014），用内联校验提示错误。WCAG 2.2的2.5.7禁止仅靠拖动，2.5.8规定最小尺寸。
常见问题
- 生日用什么形式？
- 直接输入年月日。
- 滚轮选择器无障碍吗？
- 仅靠拖动就有问题，需提供替代方式。
来源核查日期：2026-10-27
参考文献
- Li, A. (2017, January 22). Date-input form fields: UX design guidelines. Nielsen Norman Group. 日历、下拉或手输的选择。
- Google. (n.d.). Date pickers. Material Design 3. 各类日期选择器指南。
- Apple. (n.d.). Pickers. Human Interface Guidelines. iOS滚轮与紧凑选择器。
- Christian, L. M., Dillman, D. A., & Smyth, J. D. (2007). Helping respondents get it right the first time: The influence of words, symbols, and graphics in web surveys. Public Opinion Quarterly, 71(1), 113–125. 日期格式提示提升准确率。
- Seckler, M., Heinz, S., Bargas-Avila, J. A., Opwis, K., & Tuch, A. N. (2014). Designing usable web forms: Empirical evaluation of web form improvement guidelines. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 1275–1284). ACM. 灵活格式与清晰指引减少错误。
- Parhi, P., Karlson, A. K., & Bederson, B. B. (2006). Target size study for one-handed thumb use on small touchscreen devices. In Proceedings of MobileHCI 2006 (pp. 203–210). ACM. 日历日期格尺寸依据。
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 2.5.7与2.5.8标准。