`
兰州wzq
  • 浏览: 9880 次
  • 性别: Icon_minigender_1
  • 来自: 兰州
社区版块
存档分类
最新评论

EXTJS gridpanel时间的格式化

阅读更多

  extjs的gridpanel在接受json传递的date格式的时间数据时会出现乱码 

 

 { header: '开始使用时间', dataIndex: 'equserTime',width:70,renderer: function(value) {             return new Date(value).format("Y-m-d"); }},

 

nan——nan——nan

 

查看传递的参数"userTime":

{"nanos":0,"time":1432137600000,"minutes":0,"seconds":0,"hours":0,"month":4,"timezoneOffset

":-480,"year":115,"day":4,"date":21}

会发现时间数据的有个time的属性 ,"time":1432137600000 这个属性其实才是我们需要的

 

{ header: '开始使用时间', dataIndex: 'equserTime',width:70,renderer: function(value) {             return new Date(value.time).format("Y-m-d"); }},

 

修改之后显示就正常了!

 

分享到:
评论

相关推荐

    EXTJS.GRIDPANEL 日期格式

    `renderer`函数接受一个值并返回一个格式化后的字符串。例如,对于`time1`列,我们使用了`Ext.util.Format.dateRenderer('Y-m-d')`来将日期格式化为“年-月-日”的形式显示在网格中。 ```javascript renderer:Ext....

    extjs gridpanel例子和简单应用

    它可以结合`Proxy`和`Reader`对象来从远程服务器获取数据,并将其格式化成适合`GridPanel`使用的数据格式。 4. **ColumnModel** - `ColumnModel`定义了`GridPanel`中的列配置,包括每列的标题、宽度、排序属性等。...

    ExtJS GridPanel 根据条件改变字体颜色

    但是,当涉及到基于条件的格式化时,我们可能还需要添加一些JavaScript函数来动态计算样式。 从给定的文件内容来看,实现这一功能主要包括以下几个步骤: 1. 在ExtJS的GridPanel中加入GridView配置项,并指定一个...

    Extjs4 GridPanel 的几种样式使用介绍

    3. **日期列**: 可以通过设置`renderer`函数来格式化日期,例如使用`Ext.util.Format.dateRenderer`方法。 4. **数字列**: 对于`number`类型的数据,可以设定精度或者货币格式。 5. **操作列**: 可以创建包含按钮或...

    ExtJs设置GridPanel表格文本垂直居中示例

    在实际的业务场景中,我们经常需要对表格内的文本进行格式化,例如使其垂直居中。本篇将详细介绍如何在ExtJs中设置`GridPanel`表格文本垂直居中。 首先,我们来看一下`GridPanel`的基本配置。在提供的代码片段中,`...

    汇总Extjs中GridPanel的各个属性与方法.doc.pdf

    11. **renderer**: 自定义单元格的渲染函数,用于格式化数据。 12. **xtype**: 列的类型,如gridcolumn、booleancolumn、numbercolumn等。 13. **editable**: 是否可编辑。 14. **editor**: 编辑器配置,用于在...

    extjs模拟excel表格

    我们可以使用renderer函数来自定义单元格的显示,例如格式化数字、日期或应用样式。 3. **可编辑性**:通过使用CellEditing或RowEditing插件,我们可以实现单元格级别的编辑功能。用户点击单元格时,会弹出一个...

    ExtJS 2.0 GridPanel基本表格简明教程

    这是一个数组,其中每一个元素代表一个列,包含列头显示文本(header)、列对应的记录集字段(dataIndex)、列是否可排序(sortable)、列的渲染函数(renderer)、宽度(width)、格式化信息(format)等属性。数据存储器Store...

    extjs 导入导出 Exel

    在EXTJS 中,导入和导出Excel 文件是常见的需求,特别是在处理大量数据时,Excel 的格式化和编辑能力非常有用。 ### 导出到Excel EXTJS 提供了多种方式来实现数据到Excel 的导出。一种常见的方式是通过服务器端...

    GridPanel打印

    在EXTJS开发中,GridPanel是核心组件之一,它用于展示结构化的数据,通常带有分页、排序和过滤功能。当用户需要将GridPanel中的数据打印出来时,我们就需要实现“GridPanel打印”功能。 首先,EXTJS提供了`Ext.grid...

    extjs动态生成表格,前台+后台

    首先,我们需要了解ExtJS中的核心组件之一——GridPanel。GridPanel是一个显示二维数据的组件,通常用于展示大量结构化的信息。在我们的例子中,我们将看到如何通过JavaScript代码来动态构建GridPanel。 在前端部分...

    轻松搞定Extjs

    - **Ext.util.Format类**: 详细阐述了该类提供的各种格式化方法,如日期时间格式化、货币格式化等。 - **再谈XTemplete**: 进一步探讨了如何结合XTemplate和格式化方法,以更加灵活地展示数据。 #### Extjs组件结构...

    ExtJs中处理后台传过来的date对象显示到页面上

    `renderer`参数接收一个日期格式化函数,`Ext.util.Format.dateRenderer('Y-m-d H:i:s')`表示日期将以'年-月-日 时:分:秒'的格式显示。 4. **创建GridPanel**: 最后,创建GridPanel并附加到ColumnModel和Store:...

    ExtJS 实用教程

    5. **GridPanel**:ExtJS的GridPanel是展示大量结构化数据的理想选择。它支持分页、排序、过滤和编辑等功能,可以轻松地创建功能完备的数据表格。 6. **Form组件**:ExtJS提供了多种表单控件,如文本框、下拉框、复...

    Spket - ExtJS提示工具,附规范文件

    - **代码格式化**:支持代码格式化功能,保持代码整洁,符合编码规范。 - **模板支持**:提供预设的代码模板,方便快速创建常见的ExtJS组件和布局。 2. **ExtJS提示内容文件ext-core-dev.js** 这个文件是ExtJS的...

    Extjs 性能优化 High Performance ExtJs

    这种方法虽然简单,但会导致无论用户是否会使用这些功能(如查询、添加、修改等),在渲染 `GridPanel` 时都会实例化所有对象。这不仅消耗资源,还会降低程序的响应速度。因此,更推荐的做法是在用户真正需要某个...

    extjs3.0框架

    5. **数据网格**:ExtJS的GridPanel是展示大量数据的利器,支持排序、分页、筛选、编辑等功能,还可以与服务器端进行数据交互。配合ColumnModel和Store,可以灵活定制列显示和数据处理。 6. **菜单和工具栏**:菜单...

Global site tag (gtag.js) - Google Analytics