Extjs 3.4 中的日期格式不呈现和显示

Posted

技术标签:

【中文标题】Extjs 3.4 中的日期格式不呈现和显示【英文标题】:Date Format In Extjs 3.4 is not rendering and display 【发布时间】:2012-10-02 08:06:10 【问题描述】:

在下面的代码中,我无法在网格面板中获取 birthdate 字段,

var store = new Ext.data.SimpleStore(
    fields:[
       'name',
       'phone',
       'email',
       name:'birthday', **type:'date', dateFormat:'m/d/y'**
       ]
);

 var myData = [
               ['Meyers, Quyn R.', '(943) 570-5141', 'Proin@nullamagna.ca', '05/13/1990'],
               ['Whitney, Tad T.', '(547) 743-0343', 'vulputate@acurnaUt.org', '05/10/1987'],
              ];

store.loadData(myData);

var grid = new Ext.grid.GridPanel(
    store:store,
    columns:[header:'NAME', width:170 , sortable:true, dataIntex:'name',
             header:'PHONE NO', width:150 , sortable:true, dataIntex:'phone', 
             header:'EMAIL ', width:150 , sortable:true, dataIntex:'email',
             header:'BirthDate ', width:100 , sortable:true, dataIntex:'birthday',**renderer: Ext.util.Format.dateRenderer('d/m/Y')** 
             ],
    title:'My Contacts',
    autoHeight:true,
    width:590,
    //renderTo:document.body(),
    fram:true
); 

【问题讨论】:

【参考方案1】:

您的 birthday 字段配置中有错误的 dateFormat。应该是:

 name : 'birthday', type : 'date', dateFormat : 'm/d/Y' 

希望对您有所帮助。

【讨论】:

以上是关于Extjs 3.4 中的日期格式不呈现和显示的主要内容,如果未能解决你的问题,请参考以下文章

Extjs 4.2 日期字段只显示年和月没有日期

根据不同条件覆盖 ExtJs 4 中的日期字段格式

Datefield Extjs显示少于100的年份

ExtJS 日期格式问题

根据列标题和日期格式突出显示单元格

Ext JS 3.4:用于单元格编辑的事件监听器