如何从extjs 4.2网格中的日期选择器中删除时间戳

时间:2013-05-28 08:49:13

标签: grid datepicker extjs4.2

我的网格日期列编辑器中提到了一个日期字段xtype,一旦我从选择器中选择任何日期,只要我不点击外面或按Enter键,日期就会以默认格式显示,即'd / m / Y'(表示dd / mm / YYYY)。但是,只要我单击单元格外部或按Enter键,它就会更改为包含时间戳的整个日期。我怎么不让这件事发生?我希望以d / m / Y格式保留它,并且不希望显示时间或日期。

这是我输入后的一个例子。

2013年5月28日星期二00:00:00 GMT +0530(印度标准时间)

我希望它是

2013年5月28日或2013年5月28日星期二

怎么做?

我对该列的配置如下所示

editor: {
    xtype: 'datefield',
    anchor: '100%',
    format: 'd/m/Y',
    submitFormat: 'd/m/Y',
    minValue: new Date()
}

3 个答案:

答案 0 :(得分:0)

请参考以下代码,让我知道它是否有效!

editor: {
    xtype: 'datefield',
    anchor: '100%',
    format: 'd/m/Y',
    submitFormat: 'd/m/Y',
    minValue: new Date(),
    listeners : {
               render : function(datefield) {
                   // code to convert GMT String to date object
                   datefield.setValue(new Date());
               }
    }
}

由于

答案 1 :(得分:0)

使用日期字段时,它会在模型​​上设置日期类型。

在网格单元格上使用渲染器(假设该字段的类型为日期):

{
    xtype: 'datecolumn',
    dataIndex: 'myDate',
    text: 'Date',
    format: 'Y-m-d'
}

答案 2 :(得分:0)

1在模型中定义日期字段 -

{name: 'date', type: 'date', dateFormat: 'Y/m/d'}

2在网格的列配置中使用以下内容,您正在使用日期选择器 -

{header: 'Date', xtype:'datecolumn', width: 200, dataIndex:'date', editor:{xtype: 'datefield', format:'Y/m/d', allowBlank:'fasle'}}