`
nbkangta
  • 浏览: 431541 次
  • 性别: Icon_minigender_1
  • 来自: 宁波
社区版块
存档分类
最新评论

Extjs 处理 Date 对象

    博客分类:
  • JS
阅读更多

java里面时间类型转换成json数据就成这样啦

 

"modifyTime":{"date":30,"day":3,"hours":15,"minutes":14,"month":3,"nanos":0,"seconds":38,
"time":1209539678000,"timezoneOffset":-480,"year":108}

 注:在这里可以使用json-lib提供的JsDateJsonBeanProcessor来对java的Date对象进行处理,java.util.Date的处理可以忽略。但是java.sql.Date,json-lib是没办法自动处理的,一定要为java.sql.Date注册处理器

  

  JsonConfig config = new JsonConfig();
  config.registerJsonBeanProcessor(java.sql.Date.class, new JsDateJsonBeanProcessor());

 在gridpanel里面就会显示成[object,object]
在store里面这样写

 

{
name : 'createTime',
type : 'date',
mapping : 'createTime.time',
dateFormat : 'time'
}

 在ColumnModel里面这样写

 

{
header : "创建时间",
sortable : true,
dataIndex : 'createTime',
renderer : Ext.util.Format.dateRenderer('Y-m-d H:i:s')
}

 就会显示成你想要的格式不用在后台处理成字符串啦。

 

 

 

 

分享到:
评论
7 楼 ying890 2013-09-23  
非常感谢!
6 楼 nbkangta 2012-07-18  
headhaibo 写道
请问,
1.JsonConfig config = new JsonConfig(); 
2.config.registerJsonBeanProcessor(java.sql.Date.class, new JsDateJsonBeanProcessor()); 
这个代码 是写在哪儿 呢?

这些是写在Java里面的
5 楼 headhaibo 2012-07-18  
请问,
1.JsonConfig config = new JsonConfig(); 
2.config.registerJsonBeanProcessor(java.sql.Date.class, new JsDateJsonBeanProcessor()); 
这个代码 是写在哪儿 呢?
4 楼 nbkangta 2012-06-23  
zqf1985 写道
这个问题困扰一天了,找了n多资料,度娘,谷哥,张于在你这里找到答案,灰常谢谢您!!


不客气,extjs很久没再继续跟进了,自己看了都觉得有点看不懂。。。很高兴能帮助到你
3 楼 zqf1985 2012-06-05  
这个问题困扰一天了,找了n多资料,度娘,谷哥,张于在你这里找到答案,灰常谢谢您!!
2 楼 chiboo 2010-04-07  
不过出现的问题是:时间都是1970-01-01。如何解决呢?
1 楼 chiboo 2010-04-07  
在网上看了很多关于日期格式转换的解决方案,有些貌似能解决部分问题,但有些代码太冗长,竟然在后台转换数据格式。若是批量数据就感觉有点杯具。竞想不到在这找到正解。谢谢您的奉献。

相关推荐

    ExtJS中date的格式符说明

    在ExtJS中,`Ext.Date`对象提供了丰富的日期处理方法,包括解析、格式化和比较等。当我们需要展示日期或从用户输入中获取日期时,通常会用到日期的格式化功能。日期格式化主要是通过`Ext.Date.format()`方法完成的,...

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

    在ExtJs中处理后台传递的Date对象并将其正确地显示在页面上,通常涉及到数据模型(Model)、存储(Store)、列模型(ColumnModel)以及渲染器(Renderer)的配置。以下是一个详细的步骤说明: 1. **创建数据模型...

    ExtJs4.0 表单提交Demo

    总结,"ExtJs4.0 表单提交Demo"旨在展示如何在ExtJs 4.0环境中优雅地处理表单数据提交,同时遵循良好的软件设计原则,将显示层和控制层分离。通过理解和实践这个Demo,开发者能够更好地掌握ExtJs 4.0的表单和Ajax...

    深入浅出Extjs4.1.1

    6、ExtJs最常用表单组件ComboBox、time、date 7、ExtJS面板Panel t1 E( w8 g6 ?/ L' A 8、EXtJS布局模式-Auto布局、Fit布局、Accordion布局 9、ExtJS布局模式-Card、Anchor、Absolute( r! k$ G/ Q, u! c' U 11、...

    extjs4中文视频下载地址

    - **工具类**:如 Date、String、Object 等工具类,提供了方便的方法来处理日期、字符串和对象等数据类型。 以上是对 ExtJS 4.0 技术中文视频中的主要知识点的总结。这些视频涵盖了 ExtJS 4.0 的各个方面,从基础...

    ExtJs 日期和时间的整合

    在ExtJS中,日期和时间通常通过`Ext.Date`对象和相关的组件来处理。`Ext.Date`提供了一系列静态方法,用于日期的格式化、解析、比较和计算。例如,你可以用`Ext.Date.format()`将日期对象转换为指定格式的字符串,或...

    Extjs3.x入门学习

    在ExtJS中,处理日期通常涉及到`Ext.Date`对象,它提供了一系列的日期格式化和解析函数。了解日期格式的设置和使用能帮助我们更好地展示和处理日期数据。 6. **Windows使用**: Windows是ExtJS中的弹出式窗口组件...

    ExtJs的Date格式字符代码

    ExtJs的Date格式字符代码主要讲述了ExtJs框架中日期对象的格式化方法,这部分内容可以认为是基于PHP date函数的子集,主要用于日期时间的字符串表达。ExtJs的Date类方法不多,但其提供的日期格式字符相对丰富,用于...

    EXTJS desktop 国际化

    EXTJS提供了`Ext.Date`和`Ext.util.Format`类来处理这些格式,可以根据不同的语言和地区设置合适的格式规则。 5. **工具支持**: - 标签“工具”可能是指EXTJS提供的一些辅助工具,如构建工具或者IDE插件,它们...

    ExtJs制作新闻管理系统

    例如,使用Grid Panel展示新闻列表,Text Field用于输入新闻标题,Date Picker处理发布日期,而Editor Grid则可以支持直接在表格内编辑数据。 同时,后端与数据库的交互通常通过HTTP请求完成,可能采用Spring MVC或...

    extjs开发培训手册

    - `Date`对象:提供日期和时间操作方法,如`getFullYear()`、`getMonth()`等。 - `String`对象:提供字符串处理功能,如`toLowerCase()`、`toUpperCase()`和`substr()`。 - `Array`对象:用于数组操作,如`push()...

    ExtJS制作折线图

    数据源通常是一个Ext.data.Store对象,它负责管理和处理数据。你需要定义fields(字段)来匹配图表中的数据列,并从服务器获取数据。例如: ```javascript var dataStore = Ext.create('Ext.data.JsonStore', { ...

    extjs中文api

    为了展示如何使用ExtJS处理表单提交,可以参考下面的例子: ```javascript { Form: "myform", url: 'person.jsp', params: { id: '01' }, method: 'post', timeout: 3000, success: function(response, ...

    ExtJSWeb应用程序开发指南(第2版)

    2.5 ExtJS对原有JavaScript对象的扩展 2.5.1 Ext.Array 2.5.2 Ext.Date 2.5.3 Ext.Function 2.5.4 Ext.Number 2.5.5 Ext.String 2.5.6 Ext.Object 2.6 本章小结 第3章 ExtJS4.0的基本功能 3.1 ExtJS组件...

    extjs核心api详解

    这些方法提供了丰富的功能,如事件绑定、对象拷贝、JSON编码解码、DOM操作、组件管理等,是extjs开发中不可或缺的一部分。 总之,extjs核心api详解是一个全面而深入的指南,它不仅介绍了extjs的基本概念和api,还...

    使用extjs写的时间轴

    可以使用Ext.util.Date进行日期和时间的处理,计算每个事件在时间轴上的相对位置。此外,可以使用SVG或者Canvas进行图形绘制,或者利用现有的图形库如Ext.chart.*来创建更复杂的时间轴视图。 5. **交互功能**:时间...

    ExtJs4.2.1年月日时分秒、时分秒控件

    1. **日期选择器(Date Field)**:ExtJS的`Ext.form.field.Date`类提供了一个可交互的日历控件,允许用户选择日期。它通常与`Ext.picker.Date`配合使用,展示一个弹出的日历窗口。配置项如`format`定义了日期的显示...

    ExtJs 3.0 中文文档(API)

    5. **工具类和实用函数**:文档还包含了丰富的工具类和函数,如Date对象扩展、字符串处理、数组操作等,这些都是在开发过程中经常会用到的。 6. **Ajax和JSONP**:ExtJs提供了强大的Ajax功能,包括XMLHttpRequest的...

    extjs4.2选择两个月的日期控件

    1. **组件继承**:EXTJS支持面向对象编程,可以通过`Ext.extend`方法创建新的组件类,继承自基础组件,如`Ext.picker.Date`。 2. **扩展方法**:可能添加了新的方法来处理月份选择逻辑,比如`selectTwoMonths`,...

    Extjs TimeField 显示正常时间格式的代码

    在Web开发中,Extjs是一个...然而,需要注意的是,这里的eval方法应替换为更安全的处理方式,例如使用Date.parse()结合Number()函数来将时间戳转换为Date对象。这样的处理既保证了代码的安全性,也确保了功能的实现。

Global site tag (gtag.js) - Google Analytics