extjs 日期不显示

原创 2012年03月28日 15:47:54
 Ext.onReady(function(){
           //初始化全局 QuickTips 实例  使得tip提示可用
            Ext.QuickTips.init();
           //别名
           var xg=Ext.grid;
           
           //创建一个ArrayReader
          var 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>'
                )              
             }); 
             
             
             //性别的ernderer
             function sexCls(val){
              return val==0? "male" : "female";
             }
             
             
           //创建一个grid
           var 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中的一致

相关文章推荐

Extjs里表格grid显示日期类型数据

尽管返回的JSON里都没有数字和字符串,但在EXT里我们同样可以从后台获得日期类型的数据,然后交给表格初始化。 我们在定义store的render里增加一行配置,除了设置name以外,还设置了t...

extjs 年月日期插件

  • 2014年12月05日 15:46
  • 3KB
  • 下载

ExtJS Date(日期)对象常用函数

Ext.Date英文API http://docs.sencha.com/ext-js/4-1/#!/api/Ext.Date Ext.Date是一个单例类,封装了一系列日期操作函数,扩展JavaS...

extjs4.2 日期控件扩展带时分秒

  • 2013年12月19日 23:43
  • 87KB
  • 下载

extjs日期+时间控件

  • 2013年02月28日 10:18
  • 3KB
  • 下载

EXTJS日期时间选择控件(精确到秒)

EXTJS日期时间选择控件(精确到秒) 博客分类:  工作日志 ExtJsJSjavajsphtml  一。一些废话 近日来,有几个项目用到了EXTJS作为Web前端...

Extjs5 日期时间

  • 2015年11月21日 09:53
  • 4KB
  • 下载

Extjs4.2 带时分秒的日期插件

  • 2014年11月20日 17:58
  • 4KB
  • 下载

日期格式参考extjs api文档中的Date类型

var md = new Ext.form.DateField({ //下面的格式是:2000-01-01 00:00:00 format: 'Y-m-d H:i:s', ..............
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:extjs 日期不显示
举报原因:
原因补充:

(最多只允许输入30个字)