如何设置数据字段的默认值 - EXTJS 4答案

【问题标题】：How to set the default value of datafield - EXTJS 4如何设置数据字段的默认值 - EXTJS 4
【发布时间】：2013-02-03 21:04:43
【问题描述】：

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

这种方法会让窗口无法正确显示在中心。任何想法让日期字段设置默认值而不使用此方法？

【问题讨论】：

您输入了 value = new date()，但您应该输入 value: new Date()。用 : 更改 =

标签： extjs extjs4 datefield

【解决方案1】：

这是 extjs 4 的错误，你可以试试下面的代码

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

【讨论】：

【解决方案2】：

像这样尝试：

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

【讨论】：