时间选择框

 Ext.QuickTips.init();
    var f_Pannel = Ext.create('Ext.form.Panel', {
        renderTo: Ext.getBody(),
        frame: true,
        width: 400,
        height: 150,
        defaults: {
            labelSepator: ':',
            labelWidth: 100,
            labelAlign: 'left',//面板中有两个元素：label表单字段标签和表单字段，这里就是表单面板对象，所以可以在这里定义label位置
            width: 300,//定义表单字段的大小，这里是radiogroup和checkboxgroup的宽度。
            //boxLabelAlign: 'before'//单选or复选框内容标签的位置，默认为after。还可设定为before。应该放到radio和checkbox对象中
            //才会其作用
            msgTarget: 'under'
        },
        items: [
          {
              xtype: 'timefield', fieldLabel: "时间拾取器", maxValue: '16:00', maxText: '时间应小于{0}',
              format: 'G时i分s秒', minValue: '8:00', minText: '时间应大于{0}', increment:1
              //incremnet表示下拉列表中各时间的间隔，这里将其设为1分钟。






          }


        ]
    });