自已为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",                    //指示分钟
 

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

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