Design Solution for the Date and Time - By Vanbin Fan 2012.04.11

27
NC日期、时间控件方案 用友软件股份有限公司 NC产品管理部 2012年04月11日

Transcript of Design Solution for the Date and Time - By Vanbin Fan 2012.04.11

NC日期、时间控件方案

用友软件股份有限公司NC产品管理部

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

2011-11

~�yyyy-mm-dd |

一、日期

当前机器日期:2011-10-11

~�yyyy-mm-dd |2011-11

2010

2011

2012

123月456月789月101112月

123月456月789月1011 12月

123月456月789月101112月

• 要点同“时间+日期”控件

一、日期

当前机器日期:2011-10-11

2011-11

~�yyyy-mm-dd |

• 根据用户登录情况,显示“当前机器日期”或“当前业务日期”• 点击日期超链接,回到“今天”

目录

一、日期、时间、时间+日期

二、年、半年、季、月、旬、周

二、年、半年、季、月、旬、周

年 半年 季度

月 旬 周

二、年、半年、季、月、旬、周

二、年、半年、季、月、旬、周

企业报表需求主要有两类:•一类是作为时间类的关键字,进行查询•一类是作为时间类的动态区关键字,进行多行/多列的录入

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