`
stoneuu
  • 浏览: 46397 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ext js 日期处理

 
阅读更多

 

 

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gbk">
        <title>03.grid</title>
        <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
        <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
        <script type="text/javascript" src="../../ext-all.js"></script>
        <script type="text/javascript">
Ext.onReady(function(){

    var cm = new Ext.grid.ColumnModel([
        {header:'编号',dataIndex:'id'},
        {header:'名称',dataIndex:'name'},
        {header:'描述',dataIndex:'descn'},
        {
			header:'日期',dataIndex:'date', 
			//renderer: Ext.util.Format.dateRenderer('Y-m-d')
			renderer: Ext.util.Format.dateRenderer('Y年m月d日')
		}
    ]);

    var data = [
        ['1','name1','descn1','1970-01-15T02:58:04'],
        ['2','name2','descn2','1970-01-15T02:58:04'],
        ['3','name3','descn3','1970-01-15T02:58:04'],
        ['4','name4','descn4','1970-01-15T02:58:04'],
        ['5','name5','descn5','1970-01-15T02:58:04']
    ];

    var store = new Ext.data.Store({
        proxy: new Ext.data.MemoryProxy(data),
        reader: new Ext.data.ArrayReader({}, [
            {name: 'id'},
            {name: 'name'},
            {name: 'descn'},
            {name: 'date', 
			//这个去掉似乎也没问题
				type:'date',dateFormat: 'Y-m-dTH:i:s'
			}
        ])
    });
    store.load();

    var grid = new Ext.grid.GridPanel({
        autoHeight: true,
        renderTo: 'grid',
        store: store,
        cm: cm
    });

});
        </script>
    </head>
    <body>
        <script type="text/javascript" src="../shared/examples.js"></script>
        <div id="grid"></div>
    </body>
</html>

 ext 文档中的

colModel: new Ext.grid.ColumnModel({
        defaults: {
            width: 120,
            sortable: true
        },
        columns: [
            {id: 'company', header: 'Company', width: 200, sortable: true, dataIndex: 'company'},
            {header: 'Price', renderer: Ext.util.Format.usMoney, dataIndex: 'price'},
            {header: 'Change', dataIndex: 'change'},
            {header: '% Change', dataIndex: 'pctChange'},
            // instead of specifying renderer: Ext.util.Format.dateRenderer('m/d/Y') use xtype
            {
                header: 'Last Updated', width: 135, dataIndex: 'lastChange',
                xtype: 'datecolumn', format: 'M d, Y'
            }
        ],
    }),

 

分享到:
评论

相关推荐

    ext JS集成My97DatePicker日期控件

    Ext JS是一个强大的JavaScript库,用于构建富客户端应用程序,而My97 DatePicker是一款广受欢迎的JavaScript日期选择器,因其自定义功能丰富、兼容性好而被广泛应用。 首先,让我们深入了解一下这两个关键组件: 1...

    EXT js 4带时间的日期控件

    EXT JS 4 版本在日期控件方面提供了丰富的功能,使得开发者可以方便地处理日期和时间输入。在这个特定的资源中,我们关注的是一个集成时间选择的日期控件,这在需要精确到时、分、秒的场景下非常有用。 EXT JS 4 的...

    ext日期控件时分秒

    在EXT JS这个强大的JavaScript框架中,日期控件是常见的组件之一,用于用户输入或选择日期。然而,标准的EXT JS日期字段(DateTimeField)默认仅支持日和月的选择,不包含时间部分,即小时、分钟和秒。为了解决这个...

    ext 4.0 日期选择控件 时分秒 中文版

    这个"EXT 4.0 日期选择控件 时分秒 中文版"显然是一个经过本地化处理的版本,支持中文显示,并且在选择日期的同时还能选择具体的时间,精确到时、分、秒。 日期选择控件在Web应用中非常常见,用于用户输入或选择...

    Ext JS Excel前台导出

    Ext JS 是一款基于 JavaScript 的前端框架,它提供了丰富的 UI 组件库以及强大的数据处理能力。通过使用 Ext JS,开发者可以快速构建复杂的企业级 Web 应用程序。 #### 三、Excel导出原理 在前端实现Excel导出通常...

    Ext JS 6 by Example翻译

    除了主要的UI组件,Ext JS 6 还包含许多辅助工具和实用函数,如Ajax请求、DOM操作、时间日期处理等。书中会讲解如何有效利用这些工具提升开发效率。 **8. 应用程序结构和工作流** 理解如何组织大型应用程序的结构...

    ext 日期时间控件

    EXT是Sencha公司开发的一个JavaScript库,主要用于构建富客户端Web应用程序。在EXT中,日期时间控件(DateTimeField)是一个非常实用的组件,允许用户选择日期和时间,从而提高用户体验和数据输入的准确性。EXT提供...

    Ext_2.2_API(chinese).rar_Ext 2.2 API_ext js 2_ext-2.2 api_ext2.2

    还有许多其他工具类,如`Ext.util.Format`,提供了一系列实用的格式化函数,用于日期、数字、颜色等的处理。 压缩包内的"Ext_2.2_API(chinese).CHM"文件是一种Windows帮助文档格式,便于离线查看和搜索。它包含了一...

    ext 下拉日期时间控件

    而`dateTimeField_s.js`则是该控件的JavaScript源代码或压缩版,包含了实现该功能的逻辑,包括事件处理、渲染和验证等功能。 在实际开发中,使用EXT下拉日期时间控件的步骤通常包括以下几点: 1. 引入EXT库和`...

    Ext时间日期选择控件,精确到秒

    4. 处理用户的选择,通过监听控件的事件(如`select`事件)来获取选定的时间或日期。 总之,EXTJS 5的时间日期选择控件提供了强大的功能,不仅支持精确到秒的选取,还具备良好的可定制性和用户体验。开发者可以通过...

    EXT日期格式说明

    EXT日期格式是一种在编程和数据处理中常用的日期和时间表示方式。它允许开发者精确地定义日期和时间的显示格式,从而提高代码的可读性和一致性。EXT日期格式使用各种字符来代表日期和时间的不同部分,以下是一些主要...

    ext3.0+highcharts+ext时间日期控件+jquery+json

    将这些技术结合在一起,开发者可以构建一个功能强大的Web应用,该应用具有EXT3.0提供的丰富UI组件,利用Highcharts进行数据可视化,使用EXT的时间日期控件进行日期选择,通过jQuery简化DOM操作和事件处理,同时利用...

    Ext-Gantt和相关js如ext-all.js ext-base

    这个文件集成了Ext JS的所有核心组件,如表格、面板、窗口、菜单等,以及事件处理、布局管理、数据绑定等功能。在开发过程中,如果你需要使用到Ext JS的全部功能,通常会引入这个文件。 `ext-base.js`是Ext JS的...

    Ext6时间日期整合.zip

    本压缩包"Ext6时间日期整合.zip"专注于ExtJS6中的时间日期处理,特别是DateTimePicker和DateTimeField组件的使用,这对于创建具有用户友好的日期和时间选择功能的界面至关重要。 DateTimePicker和DateTimeField是...

    Ext2的日期组件只选择年月

    标题 "Ext2的日期组件只选择年月" 暗示了我们正在讨论一个特定的JavaScript库,可能是ExtJS的旧版本(版本2),其中的一个日期选择组件。这个组件允许用户仅选择年份和月份,而不是完整的日期。ExtJS是一个流行的富...

    【Ext2.0】只有月份的日期控件

    Ext JS是一个强大的JavaScript组件库,它提供了一系列丰富的UI控件,包括日期选择器。然而,在Ext2.0版本中,标准的日期选择器(DatePicker)默认提供了完整的年、月、日选择功能,可能并不满足只需要选择月份的特定...

    Ext DateField控件 - 只选择年月

    DateField是Ext JS中处理日期输入的一种控件,通常允许用户选择完整的日期(年、月、日)。然而,在某些情况下,我们可能只需要用户选择年和月,这就需要对DateField进行定制或扩展。 在给定的资源`monthPick.js`中...

    Learning Ext JS 4

    在学习Ext JS时,重要的是要了解其组件模型、数据管理、事件处理以及与后端服务的交互方式。 其次,描述部分提到这是一本由外国专家编写的教程,并且是网友分享的PDF格式电子书。这说明了该资源的来源和获取方式。...

    ext日期时间控件2

    EXT日期时间控件2是一款基于EXT JavaScript库的高级UI组件,专为网页应用设计,用于提供用户友好的日期和时间选择功能。EXT是一个强大的前端框架,由Sencha公司开发,广泛应用于构建富互联网应用程序(RIA)。EXT的...

Global site tag (gtag.js) - Google Analytics