How to set the default value of 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()
    })

this kind of method will let the window unable to show in center correctly. any idea to let the datefield set the default value with out using this method?

You typed value = new date() but you should type value: new Date(). Change the = with a : — Lawrence, Jan 21 '14 at 12:35

score 8 · Accepted Answer · answered Feb 19 '13 at 08:47

this is an bug from extjs 4,u can try this following code

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

score 3 · Answer 2 · answered Dec 18 '13 at 10:04

try it like this:

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

How to set the default value of datafield - EXTJS 4

2 Answers2