`

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

阅读更多
给力吧!     红番薯
首先祝大家新春快乐!
原先代码:
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")

<1>使用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,就可以了。

今天就先说第一种方法,第二种方法过年回来再说!
0
10
分享到:
评论

相关推荐

    ExtJS4+Accordion+SERVLET/STRUTS2+JSON+Ext.tree.Panel实例

    Accordion布局是ExtJS中的一个布局管理器,它允许在一个区域内组织多个面板(Panels),每个面板可以展开或折叠,且同一时间只能有一个展开。这种布局常用于空间有限但需要展示大量分类信息的情况,因为它能有效利用...

    extjs常见问题及解决方法

    extjs常见问题http://www.jb51.net/list/list_217_1.htm

    ExtJs分页

    ExtJS 分页是一种在Web应用中管理大量数据的常见技术,尤其在与Spring MVC框架集成时,能够提供高效的数据展示和交互。在ExtJS中,分页通常与数据网格(Grid)组件一起使用,用于显示从后端服务(如SQL Server 2008...

    extjs中文解决方案/Eclipse下的js和ext开发

    #### 一、ExtJS中文解决方案 在使用ExtJS进行Web应用程序开发时,对于中文环境的支持是非常重要的。为了实现ExtJS中文化,我们需要按照以下步骤来进行配置。 1. **加载ExtJS核心库** 在HTML页面中,首先需要加载...

    ext-3.2.2.zip

    ExtJS 3.2.2 包含详尽的API文档,帮助开发者理解和使用各种组件、方法和配置项,是学习和开发过程中重要的参考资料。 综上所述,"ext-3.2.2.zip"是一个包含丰富功能和组件的ExtJS版本,适合用于开发复杂的Web应用...

    extjs 进度条的显示

    `Ext.MessageBox.show()`是ExtJS提供的一种显示对话框的方法,其中包括一个进度条选项,这使得它非常适合用来显示任务的进度。例如,在代码片段中,我们首先创建了一个带有进度条的对话框: ```javascript var ...

    Extjs6.7.0

    Extjs6.7.0 只上传了核心js文件,其它文件暂时不能上传,只能用于测试和学习,请务商用!

    ExtJS入门教程

    1、开始使用extjs 2、组件的介绍以及应用 3、ExtJS的核心 该教程有相应的代码以供参考 &lt;!--导入Ext3.2--&gt; &lt;link rel="stylesheet" type="text/css" href="extjs3.2/resources/css/ext-all.css" /&gt; ...

    ExtJs 日期和时间的整合

    在ExtJS中,处理日期和时间是常见的需求,"ExtJS 日期和时间的整合"这一主题主要涉及如何在ExtJS应用中有效地管理和展示日期与时间。 在ExtJS中,日期和时间通常通过`Ext.Date`对象和相关的组件来处理。`Ext.Date`...

    Extjs扩展DateTimeField时间初始化及点击日期显示Bug

    本文将深入探讨“Extjs扩展DateTimeField时间初始化及点击日期显示Bug”这一主题,帮助开发者解决实际开发中遇到的难题。 DateTimeField是EXTJS中用于处理日期和时间选择的组件,它允许用户同时选择日期和时间,...

    省市县三级连动三种实现方式(javascript+jsp+servlet)、(jquery+jsp+servlet)、(extjs4.0+jsp+servle)

    ExtJS是一个完整的前端框架,它包含丰富的UI组件和强大的数据绑定机制。在实现三级联动时,可以使用ExtJS的ComboBox组件,通过store与远程数据源(servlet)连接,实现数据的动态加载。ExtJS的模型层(Model)、...

    extjs时间控件精确秒

    在EXTJS这个强大的JavaScript框架中,时间控件是开发者经常使用的组件之一,尤其在构建复杂的Web应用程序时。EXTJS的时间控件允许用户选择或输入时间,通常以小时、分钟和秒为单位,提供了用户友好的界面和丰富的...

    extjs日期+时间控件

    ExtJS是一个强大的JavaScript框架,主要用于构建富客户端的Web应用程序...通过理解以上知识点,你可以更好地理解和解决关于ExtJS 4.1版本日期时间控件的问题,无论是显示异常还是功能扩展,都可以游刃有余地进行处理。

    EXTJS 3.04包/中文版API/入门学习资料

    中文版API文档对于EXTJS的学习至关重要,它详细解释了每一个类、方法、属性和事件,帮助开发者理解和使用EXTJS的各种功能。例如,了解GridPanel如何配置,如何使用FormPanel提交数据等。 六、EXTJS 3.04入门学习...

    使用extjs写的时间轴

    通过使用ExtJS,我们可以创建一个功能丰富、可定制化的时间轴组件,用于记录和展示时间序列上的关键事件。 以下是一些关于使用ExtJS创建时间轴的关键知识点: 1. **组件创建**:首先,我们需要创建一个自定义组件...

    extjs desktop实例(个人/家庭收支系统)第2部分

    ExtJS桌面应用实例(个人/家庭收支系统)第二部分,主要涵盖了使用ExtJS构建桌面级应用程序的技术要点,以及如何设计和实现一个简单的个人或家庭财务管理软件。ExtJS是一款强大的JavaScript库,它允许开发者创建功能...

    extjs3.0 日期时间控件

    标题中的"extjs3.0 日期时间控件"指的是ExtJS 3.0框架中的DateTimeField组件,这是一个组合了日期选择器和时间选择器的控件,允许用户以交互的方式选择精确的日期和时间。这个控件通常用于表单中,提供了一种直观且...

    extJS4升级至extJS6.6所遇问题及解决方案

    项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议

    ExtJs java实例 (个人/家庭收支管理系统)第2版加强版

    ExtJs 是一个强大的JavaScript库,专门用于构建富客户端应用程序,尤其在企业级Web应用中广泛应用。这个"ExtJs java实例 (个人/家庭收支管理系统)第2版加强版"是一个基于ExtJs开发的系统,旨在帮助个人或家庭管理...

    EXTJS时间控件年月日时分秒

    这篇文档将深入探讨EXTJS中的时间控件及其使用方法。 首先,EXTJS时间控件的设计理念是为了提供用户友好的时间选择界面。通过这个控件,用户可以方便地选择一个精确到秒的时间值,这对于需要精确时间输入的应用场景...

Global site tag (gtag.js) - Google Analytics