Design Solution for the Date and Time - By Vanbin Fan 2012.04.11
-
Upload
vanbin-fan-jwmi-mba -
Category
Design
-
view
65 -
download
4
Transcript of Design Solution for the Date and Time - By Vanbin Fan 2012.04.11
16:27:00
一、时间
①时间和日期无关时,“时间”单独显示/录入
~�
• 分别选中时、分、秒后,可以通过右侧的~�箭头调整大小
• 时、分、秒间用冒号“:”间隔,冒号不用输入• 秒的默认值为“00”
• 支持↑↓键调整时分秒的加减• “回车”或Tab或←→键在时分秒间切换
• 时、分在输入两位数字后,焦点自动跳到分(时-->分)、秒(分-->秒)。即,要支持162700连续输入• 时、分、秒输入个位数回车或Tab、←→键后,十位自动补零显示
一、时间+日期
②时间和日期有关时,二者一起显示
• 输入框中应显示默认日期、时间格式。输入框右侧的↑↓箭头可调整高亮选中的年、月、日、时、分、秒等。
• 只输入时间时,默认日期为当天。输入冒号时,自动修改时间
• 在输入框中输入2008年等时间时,下面的日历自动切换到2008年。
• 支持部分输入,显示时自动补齐。例如支持:• yyyy-MM-dd• yyyy-MM-ddHH:mm
• 例如,部分输入• 2011-10-1• 2011-10-116• 2011-10-116:5• 11-12-116:5• 在显示时都可以自动补齐为yyyy-mm-ddhh: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 |
一、时间+日期
• 通过|}箭头调月份
当前机器日期:2011-10-11
GMT+08:00北京
2011-11
~�16:27:00
~�yyyy-mm-dd hh:mm:ss |
②时间和日期有关时,二者一起显示
一、时间+日期
点中“年月”
•此时仍支持|}箭头调整月份•可直接输入“201111”•会显示下拉框,可直接选择某年中的月份
• 下拉框既可通过~�箭头滚动,也可通过右侧滚动条拖动
• 当前的年要放中间
当前机器日期:2011-10-11
GMT+08:00北京 ~�16:27:00
~�yyyy-mm-dd hh:mm:ss |2011-11
2010
2011
2012
123月456月789月101112月
123月456月789月1011 12月
123月456月789月101112月
②时间和日期有关时,二者一起显示
• 步长:点一下箭头切换3年;拖动滚动条时,切换10年左右• 默认要显示全3年
一、时间+日期
②时间和日期有关时,二者一起显示
当前机器日期:2011-10-11
GMT+08:00北京
2011-11
~�16:27:00
~�yyyy-mm-dd hh:mm:ss |
• 根据用户登录情况,显示“当前机器日期”或“当前业务日期”
• 点击日期超链接,回到“今天”
一、时间+日期
②时间和日期有关时,二者一起显示
当前机器日期: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:00XX
GMT+08:00北京
GMT+07:00XX
GMT+10:00XX
一、时间+日期
②时间和日期有关时,二者一起显示
当前机器日期:2011-10-11
GMT+08:00北京
2011-11
~�16:27:00
~�yyyy-mm-dd hh:mm:ss |
• 分别选中时、分、秒后,可以通过右侧的~�箭头调整大小
• 支持↑↓键调整时分秒的加减• “回车”或←→键在时分秒间切换
• 时、分、秒间用冒号“:”间隔• 秒的默认值为“00”
• 时、分在输入两位数字后,焦点自动跳到分(时-->分)、秒(分-->秒)。即,要支持162700连续输入
• 时、分、秒输入个位数回车或按←→键后,十位自动补零显示
一、日期
当前机器日期:2011-10-11
~�yyyy-mm-dd |2011-11
2010
2011
2012
123月456月789月101112月
123月456月789月1011 12月
123月456月789月101112月
• 要点同“时间+日期”控件
二、年、半年、季、月、旬、周
企业报表需求主要有两类:•一类是作为时间类的关键字,进行查询•一类是作为时间类的动态区关键字,进行多行/多列的录入
HRHR领域中,年度(请年假)、期间(考勤期间)的参照主要出现在薪酬管理、福利管理、时间管理模块中
资金资金领域没有使用会计季、自然年、季度、月、旬、周
预算预算里会用到,可能是会计年、季月或是自然年季月(产品中还没有,61新增加的功能)
财务•总账的所有功能都要用到会计年、会计月。包括期初、凭证、账簿查询、现金流量、往来核销、月末对账、关账、结账•应收应付所有查账功能要用到会计期间。•应收的坏账准备计提要用到会计期间。
合并报表关于月、周、旬、会计年、会计季、会计月,在战略管理-合并报表-关键字中,系统预置了以上数据信息,在合并报表查询时会用到以上关键字。不过合并报表应该跟报表的界面以及使用情况是一致的。
各领域涉及范围:
自然年的改进• 输入框中可直接输入年份“2011”
• 点中输入框时,自动弹出下拉框• 默认选中今年• 今年在下拉框中的纵向中间位置
• 下拉框既可通过~�箭头滚动,也可通过右侧滚动条拖动
2011
①默认状态
2011
②悬停时
二、年、半年、季、月、旬、周
③点中时
2011
2008200920102011201220132014
2011
2011
“半年”的改进
2011上半年
①默认状态
2011上半年
②悬停时
• 悬停时,出现|}箭头,点击|}箭头时,切换半年• 点中输入框时,可以直接录入“201101”或“20111”输入
上半年(上半年01或1,下半年02或2)• 下拉框既可通过~�箭头滚动,也可通过右侧滚动条拖动
二、年、半年、季、月、旬、周
③点中时
2009下半年2010上半年2010下半年
2011上半年
2011下半年
2012上半年
2011上半年
2012下半年
2011,1st half
2009,2nd half2010,1st half2010,2nd half2011,1st half
2011,2nd half
2012,1st half
2012,2nd half
英文版
中文版
“季度”的改进
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第四季度
一 二 三 四 季度
一 二 三 四 季度
一 二 三 四 季度
一 二 三 四 季度
四
“月”的改进
2011-11
②悬停时
①默认状态
2011-11
• 悬停时,出现|}箭头,点击|}箭头时,切换月份• 点中输入框时,可以直接录入“201111”或“2011-11”
• 下拉框既可通过~�箭头滚动,也可通过右侧滚动条拖动• 步长:点一下箭头切换3年;拖动滚动条时,切换10年左右• 默认要显示全3年
二、年、半年、季、月、旬、周
2010
2011
2012
2011-112011-11
JanFebMarAprMayJunJulyAugSeptOctNovDec
JanFebMarAprMayJunJulyAugSeptOctNov Dec
JanFebMarAprMayJunJulyAugSeptOctNovDec
英文版
中文版
③点中输入框时
2011-112011-11
2010
2011
2012
123月456月789月101112月
123月456月789月1011 12月
123月456月789月101112月
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
“周”的改进
2011年48周
①默认状态
2011年48周
②悬停时
二、年、半年、季、月、旬、周
英文版
中文版
③点中输入框时
周次日 一 二 三 四 五 六
45464748495051
2930311234
2011-12
5 6 7 8 9 10 1112 13 14 15 16 17 18
26 27 28 29 30 31 12345678
19 20 21 22 23 24 25
2011年48周
9101112131415
Week Sun Mon Tue WedThuFriSat2011-12
2011,48week
45464748495051
29303112345 6 7 8 9 10 1112 13 14 15 16 17 18
26 27 28 29 30 31 12345678
19 20 21 22 23 24 25
9101112131415
2011-12
2010
2011
2012
123月456月789月101112月
123月456月789月101112月
123月456月789月101112月
“会计季”的改进
二、年、半年、季、月、旬、周
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
“会计月”的改进
二、年、半年、季、月、旬、周
2011-11
②悬停时
①默认状态
2011-11
• 悬停时,出现|}箭头,点击|}箭头时,切换月份• 点中输入框时,可以直接录入“201111”或“2011-11”• 下拉框既可通过~�箭头滚动,也可通过右侧滚动条拖动• 通过Tips显示会计月的起止日期
2011
2012
2013
2011-112011-11
JanFebMarAprMayJunJulyAugSeptOctNov Dec
JanFebMarAprMayJunJulyAugSeptOctNovDec
JanFebMarAprMayJunJulyAugSeptOctNovDec
英文版
中文版
③点中输入框时
2011-112011-11
2010
2011
2012
123月456月789月101112月
123月456月789月1011 12月
123月456月789月101112月
2011.11.15~2012.12.15