颜色选取 日期选择

 var mefieldLabel = 'Filelabel';
            var mename = 'name1';
            var meheight = 50;
            var meid = 'ID111';

            // explicitly create a   Container
           var ExtappColorPicker = Ext.create('Ext.container.Container',{
                layout: { type: 'hbox' },width: 1000,height:300,renderTo: Ext.getBody(),border: 1,//样式 边框颜色
                 style: { borderColor: '#0000FF',borderStyle: 'solid',borderWidth: '1px'
                },defaults: { labelWidth: 80,// implicitly create Container by specifying xtype    
                    xtype: 'datefield',flex: 1,style: { padding: '10px'}
                },items: [
                //日期选择
                        { xtype: 'datefield',name: 'startDate',fieldLabel: 'Start date'
                        },{ xtype: 'datefield',name: 'endDate',fieldLabel: 'End date'
                       },//文本框
                       {
                           xtype: 'textfield',height: 30,id: meid + 'x',fieldLabel: mefieldLabel,name: mename,//renderTo: this,listeners:
                {
                    change: function (me,newValue,oldValue) {
                        me.bodyEl.down('input').setStyle('background-image','none');
                        me.bodyEl.down('input').setStyle('background-color',newValue);
                    }
                }
                       },{
            //按钮
                xtype: 'button',width: 18,height: meheight,menu:
                {
                //颜色选择器
                    xtype: 'colormenu',listeners:
                    {
                        select: function (picker,color) {
                            var amclr = Ext.getCmp(meid + 'x');
                            amclr.setValue('#' + color);
                        }
                    }
                }
            }
                       
                       ]
            });