天天看点

ExtJs 3.2.2 解决时间显示NaN/NaN/NaN的问题(方法一)

[url=http://geiliba.info/]给力吧![/url] [url=http://hongfanshu.blogbus.com/]红番薯[/url]

首先祝大家新春快乐!

原先代码:

var taskFields = [
  		{name:'startTime'},//开始时间
  ];

var taskColModel = new Ext.grid.ColumnModel(//定义页面上控件元素的名称以及指定与之绑定的字段
  [ 
    {header:'开始时间',dataIndex:'startTime',sortable:true,xtype:'datecolumn'},
  ]);
           

在firefox不会有问题,其显示的格式是:m/d/Y(这个是DateColumn的默认格式),但在IE显示的是NaN/NaN/NaN,而Ricki想要的格式是YYYY-mm-dd hh:mm(在这里顺便说下,服务端返回来JSON中的startTime值为"startTime":"2011-01-27T00:00:00")

[b]<1>[/b]使用Field的type\dateFormat和Column的format解决:

var taskFields = [//定义与界面控件元素绑定的字段名
  		{name:'startTime',type:Ext.data.Types.DATE,dateFormat: 'Y-m-d\\TH:i:s'},//开始时间
  ];

var taskColModel = new Ext.grid.ColumnModel(//定义页面上控件元素的名称以及指定与之绑定的字段
  [ 
    {header:'开始时间',dataIndex:'startTime',sortable:true,xtype:'datecolumn',format:'Y-m-d H:i'},
  ]);
           

如果你想用默认的m/d/Y格式,则不用设置format,就可以了。

今天就先说第一种方法,第二种方法过年回来再说!