Come impostare il valore predefinito del datafield - EXTJS 4

Question

var startdt = Ext.create('Ext.form.DateField',{ 
    fieldLabel: 'Start Date', 
    name: 'startdt', 
    id: 'startdt', 
    vtype: 'daterange', 
    format: 'd/m/Y', 
    endDateField: 'enddt', // id of the end date field 
    value = new date() 
    }) 

var enddt = Ext.create('Ext.form.DateField',{ 
    fieldLabel: 'End Date', 
    name: 'enddt', 
    id: 'enddt', 
    format: 'd/m/Y', 
    vtype: 'daterange', 
    startDateField: 'startdt', // id of the start date field 
    value = new date() 
    }) 

questo tipo di metodo non consente alla finestra di mostrare correttamente nel centro. qualsiasi idea di lasciare che il campo data set il valore predefinito senza fuori con questo metodo?

Answer 1

Si tratta di un bug da ExtJS 4, u può provare questa seguente codice

var startdt = Ext.create('Ext.form.DateField',{ 
    fieldLabel: 'Start Date', 
    name: 'startdt', 
    id: 'startdt', 
    vtype: 'daterange', 
    format: 'd/m/Y', 
    endDateField: 'enddt', // id of the end date field 
    listeners : { 
    render : function(datefield) { 
     /// code to convert GMT String to date object 
     datefield.setValue(new Date()); 
       } 
     } 
    }) 

    var enddt = Ext.create('Ext.form.DateField',{ 
    fieldLabel: 'End Date', 
    name: 'enddt', 
    id: 'enddt', 
    format: 'd/m/Y', 
    vtype: 'daterange', 
    startDateField: 'startdt', // id of the start date field 
    listeners : { 
    render : function(datefield) { 
     /// code to convert GMT String to date object 
     datefield.setValue(new Date()); 
       } 
     } 
    }) 

Answer 2

provare in questo modo:

var startdt = Ext.create('Ext.form.DateField',{ 
    fieldLabel: 'Start Date', 
    name: 'startdt', 
    id: 'startdt', 
    vtype: 'daterange', 
    format: 'd/m/Y', 
    endDateField: 'enddt', // id of the end date field 
    value: new Date() 
    }) 

var enddt = Ext.create('Ext.form.DateField',{ 
    fieldLabel: 'End Date', 
    name: 'enddt', 
    id: 'enddt', 
    format: 'd/m/Y', 
    vtype: 'daterange', 
    startDateField: 'startdt', // id of the start date field 
    value: new Date() 
    })