由于项目的需要,要求时间控件中包含小时与分钟的。而Extjs中DateField没有这个功能,所以在网上捞捞,幸好有位仁兄先了这样的控件,高兴之余,挪到项目中用用,还真不错,收集一下。
截几个图看看:
[img]/upload/attachment/79123/8753bd0d-6bb8-3e5e-ad88-3853440fa5b8.jpg[/img]
[img]/upload/attachment/79129/e06b4aad-9f5a-3626-94ea-5ba7337a2535.jpg[/img]
[img]/upload/attachment/79125/6f608f0c-8a96-3c19-b58c-91f282c2a235.jpg[/img]
[img]/upload/attachment/79127/5e7c501a-9f4d-3879-a868-5be17d122ff2.jpg[/img]
添加几个自己定义属性分别是:
1 prevHourText: "Previous Hour", //显示于调节小时左箭头上的title文字(如图1示)
2 nextHourText: "Next Hour", //显示于调节小时右箭头上的title文字
3 hourText: 'Choose hour', //显示于小时选择界面上顶头说明文字
4 prevMinuteText: "Previous Minute", //显示于调节分钟左箭头上的title文字
5 nextMinuteText: "Next Minute", //显示于调节分钟右箭头上的title文字
6 minuteText: 'Choose minute', //显示于选择分钟界面上顶头的说明文字,后因布局太挤需无用
7
8 hourName: "H", //指示小时文字
9 minuteName: "M", //指示分钟
几个属性,都设成了英文显示,可以自己在对应的包中设置,或动态指定,更绝的是你自己把代码改成中文即可!
截几个图看看:
[img]/upload/attachment/79123/8753bd0d-6bb8-3e5e-ad88-3853440fa5b8.jpg[/img]
[img]/upload/attachment/79129/e06b4aad-9f5a-3626-94ea-5ba7337a2535.jpg[/img]
[img]/upload/attachment/79125/6f608f0c-8a96-3c19-b58c-91f282c2a235.jpg[/img]
[img]/upload/attachment/79127/5e7c501a-9f4d-3879-a868-5be17d122ff2.jpg[/img]
添加几个自己定义属性分别是:
1 prevHourText: "Previous Hour", //显示于调节小时左箭头上的title文字(如图1示)
2 nextHourText: "Next Hour", //显示于调节小时右箭头上的title文字
3 hourText: 'Choose hour', //显示于小时选择界面上顶头说明文字
4 prevMinuteText: "Previous Minute", //显示于调节分钟左箭头上的title文字
5 nextMinuteText: "Next Minute", //显示于调节分钟右箭头上的title文字
6 minuteText: 'Choose minute', //显示于选择分钟界面上顶头的说明文字,后因布局太挤需无用
7
8 hourName: "H", //指示小时文字
9 minuteName: "M", //指示分钟
几个属性,都设成了英文显示,可以自己在对应的包中设置,或动态指定,更绝的是你自己把代码改成中文即可!