Design Solution for the Date and Time - By Vanbin Fan 2012.04.11
0 likes152 views
该文档讨论了日期和时间控件的设计和功能，包括如何输入和显示日期与时间的不同格式，以及在不同情况下的使用指南。强调了日期和时间应结合显示以避免统计上的麻烦，并提出了对用户输入的智能补全和调整功能的建议。文档还涵盖了年度、季度、月份等时间单位在各财务和管理模块中的应用。
Design Solution for the Date and Time - By Vanbin Fan 2012.04.11
- 5. 16 ：27 ：00 一、时间 ①时间和日期无关时，“时间”单独显示/录入 ~€ • 分别选中时、分、秒后，可以通过右侧的~€箭头调整大小 • 时、分、秒间用冒号“：”间隔，冒号不用输入 • 秒的默认值为“00” • 支持↑↓键调整时分秒的加减 • “回车”或Tab或←→键在时分秒间切换 • 时、分在输入两位数字后，焦点自动跳到分（时-->分）、秒（分-->秒）。即，要支持162700连续输入 • 时、分、秒输入个位数回车或Tab、←→键后，十位自动补零显示
- 6. 一、时间+日期 ②时间和日期有关时，二者一起显示 • 输入框中应显示默认日期、时间格式。输入框右侧的 ↑↓箭头可调整高亮选中的年、月、日、时、分、秒等。 • 只输入时间时，默认日期为当天。输入冒号时，自动修 改时间 • 在输入框中输入2008年等时间时，下面的日历自动切换 到2008年。 • 支持部分输入，显示时自动补齐。例如支持： • yyyy-MM-dd • yyyy-MM-dd HH:mm • 例如，部分输入 • 2011-10-1 • 2011-10-1 16 • 2011-10-1 16:5 • 11-12-1 16:5 • 在显示时都可以自动补齐为yyyy-mm-dd hh:mm:ss 日期和时间不分成两个字段，否则会在统计时带来不必要 的麻烦。(from梁向军) • 国际化时，日月年不同显示方式时，输入是否也要与显示保持一致？ • 答：与excel保持一致，输入的格式始终是yyyy-mm-dd，显示时应按系统默认规则处理。 • 张旭（HR）：请假时，输入日期后，能够有一事件触发系统自动生成时间的默认值。 当前机器日期：2011-10-11 GMT+08:00 北京 2011-11 ~€16: 27: 00 ~€yyyy-mm-dd hh:mm:ss |
- 7. 一、时间+日期 • 通过|}箭头调月份 当前机器日期：2011-10-11 GMT+08:00 北京 2011-11 ~€16: 27: 00 ~€yyyy-mm-dd hh:mm:ss | ②时间和日期有关时，二者一起显示
- 8. 一、时间+日期 点中“年月” •此时仍支持|}箭头调整月份 •可直接输入“201111” •会显示下拉框，可直接选择某年中的月份 • 下拉框既可通过~€箭头滚动，也可通过右侧 滚动条拖动 • 当前的年要放中间 当前机器日期：2011-10-11 GMT+08:00 北京 ~€16: 27: 00 ~€yyyy-mm-dd hh:mm:ss | 2011-11 2010 2011 2012 1 2 3 月 4 5 6 月 7 8 9 月 10 11 12 月 1 2 3 月 4 5 6 月 7 8 9 月 10 11 12 月 1 2 3 月 4 5 6 月 7 8 9 月 10 11 12 月 ②时间和日期有关时，二者一起显示 • 步长：点一下箭头切换3年；拖动滚动条时，切换10年左右 • 默认要显示全3年
- 9. 一、时间+日期 ②时间和日期有关时，二者一起显示 当前机器日期：2011-10-11 GMT+08:00 北京 2011-11 ~€16: 27: 00 ~€yyyy-mm-dd hh:mm:ss | • 根据用户登录情况，显示“当前机器日期” 或“当前业务日期” • 点击日期超链接，回到“今天”
- 10. 一、时间+日期 ②时间和日期有关时，二者一起显示 当前机器日期：2011-10-11 GMT+08:00 北京 2011-11 ~€16: 27: 00 ~€yyyy-mm-dd hh:mm:ss | GMT+08:00 北京 ‚ GMT+09:00 东京 GMT+06:00 X X GMT+08:00 北京 GMT+07:00 X X GMT+10:00 X X
- 11. 一、时间+日期 ②时间和日期有关时，二者一起显示 当前机器日期：2011-10-11 GMT+08:00 北京 2011-11 ~€16: 27: 00 ~€yyyy-mm-dd hh:mm:ss | • 分别选中时、分、秒后，可以通过右侧的~€箭头调整 大小 • 支持↑↓键调整时分秒的加减 • “回车”或←→键在时分秒间切换 • 时、分、秒间用冒号“：”间隔 • 秒的默认值为“00” • 时、分在输入两位数字后，焦点自动跳到分（时-->分）、 秒（分-->秒）。即，要支持162700连续输入 • 时、分、秒输入个位数回车或按←→键后，十位自动补 零显示
- 16. 二、年、半年、季、月、旬、周 年 半年 季度 月 旬 周
- 17. 二、年、半年、季、月、旬、周
- 19. 自然年的改进 • 输入框中可直接输入年份“2011” • 点中输入框时，自动弹出下拉框 • 默认选中今年 • 今年在下拉框中的纵向中间位置 • 下拉框既可通过~€箭头滚动，也可通过右侧滚动条拖动 2011 ①默认状态 2011 ②悬停时 二、年、半年、季、月、旬、周 ③点中时 2011 2008 2009 2010 2011 2012 2013 2014 2011 2011
- 20. “半年”的改进 2011上半年 ①默认状态 2011上半年 ②悬停时 • 悬停时，出现|}箭头，点击|}箭头时，切换半年 • 点中输入框时，可以直接录入“201101”或“20111”输入 上半年（上半年01或1，下半年02或2） • 下拉框既可通过~€箭头滚动，也可通过右侧滚动条拖动 二、年、半年、季、月、旬、周 ③点中时 2009下半年 2010上半年 2010下半年 2011上半年 2011下半年 2012上半年 2011上半年 2012下半年 2011,1st half 2009,2nd half 2010,1st half 2010,2nd half 2011,1st half 2011,2nd half 2012,1st half 2012,2nd half 英文版 中文版
- 21. “季度”的改进 2011第四季度 ①默认状态 2011第四季度 ②悬停时 • 悬停时，出现|}箭头，点击|}箭头时，切换季度 • 点中输入框时，可以直接录入“201104”或“20114” （01、 02、03、04，或1、2、3、4分别代表各个季度） • 下拉框既可通过~€箭头滚动，也可通过右侧滚动条拖动 二、年、半年、季、月、旬、周 2009 Q1 Q2 Q3 Q4 2010 Q1 Q2 Q3 Q4 2011 Q1 Q2 Q3 2012 Q1 Q2 Q3 Q4 2013 Q1 Q2 Q3 Q4 Q4 2011,Q4英文版 中文版 ③点中输入框时 2009 一 二 三 四 季度 2010 2011 2012 2012 2011第四季度 一 二 三 四 季度 一 二 三 四 季度 一 二 三 四 季度 一 二 三 四 季度 四
- 22. “月”的改进 2011-11 ②悬停时 ①默认状态 2011-11 • 悬停时，出现|}箭头，点击|}箭头时，切换月份 • 点中输入框时，可以直接录入“201111”或“2011-11” • 下拉框既可通过~€箭头滚动，也可通过右侧滚动条拖动 • 步长：点一下箭头切换3年；拖动滚动条时，切换10年左右 • 默认要显示全3年 二、年、半年、季、月、旬、周 2010 2011 2012 2011-112011-11 Jan Feb Mar Apr May Jun July Aug Sept Oct Nov Dec Jan Feb Mar Apr May Jun July Aug Sept Oct Nov Dec Jan Feb Mar Apr May Jun July Aug Sept Oct Nov Dec 英文版 中文版 ③点中输入框时 2011-112011-11 2010 2011 2012 1 2 3 月 4 5 6 月 7 8 9 月 10 11 12 月 1 2 3 月 4 5 6 月 7 8 9 月 10 11 12 月 1 2 3 月 4 5 6 月 7 8 9 月 10 11 12 月
- 23. 2011-11下旬 ②悬停时 • 悬停时，出现|}箭头，点击|}箭头时，切换旬 • 点中输入框时，可以直接录入“20111203”“2011123”等 • Tips提示旬的输入，用01、02、03或1、2、3分别表示上中下 旬（默认按两位数，同时支持一位） • 不支持录入日期 • 下拉框既可通过~€箭头滚动，也可通过右侧滚动条拖动 “旬”的改进 ①默认状态 2011-11下旬 二、年、半年、季、月、旬、周 旬 2011-11下旬2011-11,Late 2011-09 2011-10 2011-11 2011-12 2012-01 1st Mid Late Ten-Day Ten-Day Ten-Day Ten-Day Ten-Day 1st Mid Late 1st Mid Late 1st Mid Late 1st Mid Late 2012-02 Ten-Day1st Mid Late 2011-08 1st Mid Late Ten-Day 英文版 中文版 ③点中输入框时 2011-11下旬2011-12下旬 2011-09 2011-10 2011-12 上 中 下 旬 2012-01 旬 旬上 中 下 上 中 下 2011-11 旬上 中 下 上 中 下 2011-08 旬上 中 下 2012-02 旬上 中 下 可直接录入20111203 或2011123
- 24. “周”的改进 2011年48周 ①默认状态 2011年48周 ②悬停时 二、年、半年、季、月、旬、周 英文版 中文版 ③点中输入框时 周次 日 一 二 三 四 五 六 45 46 47 48 49 50 51 29 30 31 1 2 3 4 2011-12 5 6 7 8 9 10 11 12 13 14 15 16 17 18 26 27 28 29 30 31 1 2 3 4 5 6 7 8 19 20 21 22 23 24 25 2011年48周 9 10 11 12 13 14 15 Week Sun Mon Tue Wed Thu Fri Sat 2011-12 2011,48week 45 46 47 48 49 50 51 29 30 31 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 26 27 28 29 30 31 1 2 3 4 5 6 7 8 19 20 21 22 23 24 25 9 10 11 12 13 14 15 2011-12 2010 2011 2012 1 2 3 月 4 5 6 月 7 8 9 月 10 11 12 月 1 2 3 月 4 5 6 月 7 8 9 月 10 11 12 月 1 2 3 月 4 5 6 月 7 8 9 月 10 11 12 月
- 26. “会计季”的改进 二、年、半年、季、月、旬、周 2011第四季度 ①默认状态 2011第四季度 ②悬停时 2009 Q1 Q2 Q3 Q4 2010 Q1 Q2 Q3 Q4 2011 Q1 Q2 Q3 2012 Q1 Q2 Q3 Q4 2013 Q1 Q2 Q3 Q4 Q4 2011,Q4英文版 中文版 • 悬停时，出现|}箭头，点击|}箭头时，切换季度 • 点中输入框时，可以直接录入“201104”或“20114” （01、 02、03、04，或1、2、3、4分别代表各个季度） • 下拉框既可通过~€箭头滚动，也可通过右侧滚动条拖动 • 通过Tips显示会计季的起止月份 ③点中输入框时 2009 一 二 三 四 季度 2010 2011 2012 2012 2011第四季度 一 二 三 四 季度 一 二 三 四 季度 一 二 三 四 季度 一 二 三 四 季度 四 2011.11~2012.01
- 27. “会计月”的改进 二、年、半年、季、月、旬、周 2011-11 ②悬停时 ①默认状态 2011-11 • 悬停时，出现|}箭头，点击|}箭头时，切换月份 • 点中输入框时，可以直接录入“201111”或“2011-11” • 下拉框既可通过~€箭头滚动，也可通过右侧滚动条拖动 • 通过Tips显示会计月的起止日期 2011 2012 2013 2011-112011-11 Jan Feb Mar Apr May Jun July Aug Sept Oct Nov Dec Jan Feb Mar Apr May Jun July Aug Sept Oct Nov Dec Jan Feb Mar Apr May Jun July Aug Sept Oct Nov Dec 英文版 中文版 ③点中输入框时 2011-112011-11 2010 2011 2012 1 2 3 月 4 5 6 月 7 8 9 月 10 11 12 月 1 2 3 月 4 5 6 月 7 8 9 月 10 11 12 月 1 2 3 月 4 5 6 月 7 8 9 月 10 11 12 月 2011.11.15~2012.12.15