自已为Ext添加的DateTimeField控件(附源码)

     最近用Ext开发项目，全因自己一时头脑发热，引用了这个庞大的类库，所有人员都做后台去了，只我一人独自奋斗在前台。几多欢愁呀！

     因项目有点特殊，需要做自定义表单，我当时出的方案是用前台布局用XML来组织，就前台来说保持了最大的灵活性，所有前面布局改动只需编辑对应XML即可。这样注定所有的控件展示全部用的EXT的。（等项目完成后，大概要写一篇如何用XML来动态组织Ext）。

     开初，以为Ext自带的控件足够我应该项目的了，越做越发现自己天天与控件奋战，郁闷呀。

     借这个发个牢骚，EXT类库太不够意思了，连个自带的DateTime控件都没有。网上广泛流传的一个，有一点BUG，并且感觉使用起来也不是太方便，索性自己拿来改造一下。经过测试应该完美，代码是经过压缩的，使用携带都行方便，居家旅行必备呀！拿来共享吧！下面是演示图片：

                 
                                                                                                           （选择小时界面，双击选定回主界面）     （选择分界面，双击选定回主界面）

 

      这个改造后控件的主要特定是，有超大的选择小时和分的界面，方面用户双击搞定。如果只是在现在时间上细微调节，可在主界面上左右调节，真是方便呀。

      添加几个自己定义属性分别是：

 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 " ,                     // 指示分钟
10 

    这几个属性，都设成了英文显示，可以自己在对应的包中设置，或动态指定，更绝的是你自己把代码改成中文即可！
    

      PS：如有兄弟用到项目中，存在BUG可直接email我！点击下载

转载于:https://www.cnblogs.com/phonefans/archive/2009/02/24/1397355.html