Ext.onReady(function(){//初始化全局 QuickTips 實例 使得tip提示可用Ext.QuickTips.init();//別名var xg=Ext.grid;//創建一個ArrayReadervar reader=new Ext.data.ArrayReader({},[{name:"name",type:"string"},{name:"age",type:"int"},{name:"empno",type:"int"},{name:"sex",type:"int"},{name:"birthday",type:"date",dateFormat:"n/j h:ia"},{name:"salary",type:"float"},{name:"deptno",type:"int"},{name:"desc",type:"string"}]);//創建一個RowExpander,行展開的時候的樣式var expander=new Ext.ux.grid.RowExpander({tpl:new Ext.Template('<p><b>姓名:</b>{name}</p><br/>','<p><b>描述信息:</b>{desc}</p>') }); //性別的erndererfunction sexCls(val){return val==0? "male" : "female";}//創建一個gridvar grid1=new xg.GridPanel({store:new Ext.data.Store({reader:reader,data:xg.dummyData//數據模型}),cm:new xg.ColumnModel({defaults:{width:20,sortable:true},columns:[expander,{header:"姓名",dataIndex:"name"},{header:"年齡",dataIndex:"age"},{id:"empno",header:"編號",width:40,dataIndex:"empno"},{header:"性別",dataIndex:"sex",renderer:sexCls},{header:"生日",dataIndex:"birthday",renderer:Ext.util.Format.dateRenderer("Y-m-d"),dataIndex:"birtdhay"},{header:"工資",dataIndex:"salary",dataIndex:"salary"},{header:"部門編號",dataIndex:"deptno"}]}),viewConfig:{//作用在grid's UI試圖上的配置項對象， 任何Ext.grid.GridView可用的配置選項都可在這里指定。若view已指定則此項無效forceFit:true},width:600,height:300,plugins:expander,collapsible:true,//True表示為面板是可收縮的animCollapse:false,//True 表示為面板閉合過程附有動畫效果title:"雇員的信息",iconCls:"icon-grid", //為該面板設置圖標的樣式類。此方法會覆蓋當前現有的圖標renderTo:document.body //提供到窗體的body上});}); //數據Ext.grid.dummyData=[["張三00",12,1001,1,"1990-05-20",3000,50],["張三01",16,1002,0,"1990-05-21",3000,20],["張三02",19,1003,1,"1990-05-22",3000,20],["張三03",25,1004,1,"1990-05-23",3000,10],["張三04",22,1005,1,"1990-05-24",3000,30],["張三05",24,1006,1,"1990-05-25",3000,20],["張三06",23,1007,0,"1990-05-26",3000,60],["張三07",21,1008,0,"1990-05-27",3000,90],["張三08",25,1009,0,"1990-05-28",3000,10],["張三09",28,1010,1,"1990-05-29",6000,20],["張三20",26,1011,0,"1990-05-20",2000,50],["張三21",29,1012,0,"1990-06-20",8000,40],["張三22",22,1013,1,"1990-01-20",3000,50],["張三23",28,1014,0,"1990-02-20",3000,60],["張三24",21,1015,1,"1990-08-20",3000,50]];// 添加描述信息for(var i = 0; i < Ext.grid.dummyData.length; i++){Ext.grid.dummyData[i].push('這個是一個簡單的演示的信息,測試描述信息的.');}

上面是我的代碼:

注意我的日期的格式,

還有解析的格式

需要注意的是,你的格式是什么樣子的,那么需要在解析的時候就以什么格式解析改:Y-m-d

]還有一個地方:

應該改成birthday和reader中的一致

轉載于:https://www.cnblogs.com/javaexam2/archive/2012/03/28/2632734.html

新人創作打卡挑戰賽發博客就能抽獎！定制產品紅包拿不停！

總結

以上是生活随笔為你收集整理的extjs 日期不显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。