ExtJS 4: Test Date Picker form

Ext.create('Ext.panel.Panel', {
    title: 'Choose a future date:',
    width: 400,
    bodyPadding: 10,
    renderTo: Ext.getBody(),
    items: [{
                name : 'fecha',
                xtype: 'datefield',
                fieldLabel: 'Fecha',
                id: 'fechaReserva',
                inputId : 'fechaReserva_inputId',
                format : 'd/m/Y',
                value: '11/09/2001',        
                submitFormat:'Y-m-d' 
    }]
});

var fecha = Ext.Date.parse('1986-09-05 15:20:05', "Y-m-d H:i:s");   
//Ext.getCmp('fechaReserva').setValue(new Date())
Ext.getCmp('fechaReserva').setValue(fecha)
console.log(Ext.getCmp('fechaReserva').getValue())    
console.log(Ext.getCmp('fechaReserva').getSubmitValue())

​

Test Online

http://jsfiddle.net/YMxND/3/