日期输入思维导图
充分了解互联网中产品经理关于交互规范的内容（日期输入），记住关键知识点。
树图思维导图提供 日期输入思维导图 在线思维导图免费制作，点击“编辑”按钮，可对 日期输入思维导图 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：5142d418d1d46f6556cbeee96826271c
思维导图大纲
日期输入思维导图模板大纲
通过日历选择日期
【设计意图】
使用生活中最常见的日历形式，使得日期输入的形式更加直观
日历选择形式能够使日期输入更加方便、快捷
能够减少用户错误输入日期的几率
【应用条件】
需要进行日期输入时
年份跨度较小，在10年以内时
日期显示的一种形式
需要进行日期区间选择时
【模式描述】
组成
输入框 + 日历的图示 + 日历显示层
应用规范
日历
日历中必须明确标示出当前系统日期；包括：年、月、日
年份和月份选择
默认显示近10年的年份，前10后1
从当年往上，滑动滚动条，查看到100个年份；往下，查看到10个年份
点击日历中的月份12个月份全部显示在下拉层中
当前年份、月份均要区分于其他高亮显示
日期输入
通过键盘输入日期
通过日历选择输入日期
错误提示
只允许输入0-9这十个数字；只要用户输入数字，无论几位系统自动按照“yyyy-mm-dd”的格式显示给用户；当月份和日期超出正常值时，系统给出提示；如“很抱歉！您输入的月份或日期过大，请重新输入！”
显示某一时间点
要求显示当前系统默认时间
不要求显示当前系统默认时间
【扩展描述】
组成
时间段的文本提示 + 两个日期选择
应用规范
时间段的文本提示“从…至…”
选定起始时间后，起始时间被回显到日期框内 ，同时截至日期日历框自动被打开，不需要用户再次点击，即可选择日期
份跨度较大时的日期选择
【设计意图】
方便用户快速定位年份、月份、日期
减少用户出错的几率
符合此类场景下用户的心里预期
【应用条件】
年份的选择跨度较大，在10-90年之间时
【模式描述】
组成
输入框 +下拉层 + 年月日的文本提示
应用规范
1）手动输入
2）选择输入
沪公网安备 31011502019485号
上海工商