Comment définir la valeur par défaut de 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() 
    }) 

ce type de méthode laissera la fenêtre incapable d'afficher au centre correctement. une idée pour laisser la datefield définir la valeur par défaut sans out en utilisant cette méthode?

Answer 1

c'est un bug de ExtJS 4, u peut essayer ce code suivant

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

essayer comme ceci:

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() 
    })