第一种形式转换2010-01-23 12:23:10这样的格式:
JsonReader里设置一个时间映射字段:
{name: 'startTime',type:'date',dateFormat:"Y-m-d H:i:s"}
传进来数据形式为:2010-01-23 12:23:10
列显示设置:
{
header:'开始时间',
dataIndex:'startTime',
editor: new fm.DateField({
fieldLabel: '日期时间',
format:'Y-m-d H:i:s',
menu:new DatetimeMenu()
})
}
这样我们看到的显示结果是:Sun Jan 23 2010 12:23:10 GMT-0600
而不是我们想看到的:2010-01-23 12:23:10
解决为法为添加:renderer:Ext.util.Format.dateRenderer('Y-m-d H:i:s'), 控制显示方式,即:
{
header:'开始时间',
dataIndex:'startTime',
renderer:Ext.util.Format.dateRenderer('Y-m-d H:i:s'),
editor: new fm.DateField({
fieldLabel: '日期时间',
format:'Y-m-d H:i:s',
menu:new DatetimeMenu()
})
第二种方式转换timestamp:123454910000这样的格式:
首先是jsonreader里的映射设置:
{name: 'createTime',
type : 'date',
dateFormat : 'Y-m-d H:i:s',
convert : function(v) {return new Date(v)} }
然后是render的设置:
{
header:'创建时间',
dataIndex:'createTime',
renderer : function(v) {
return new Date(v).format('Y-m-d H:i:s')
}
}
分享到:
相关推荐
EXT日期格式是一种在编程和数据处理中常用的日期和时间表示方式。它允许开发者精确地定义日期和时间的显示格式,从而提高代码的可读性和一致性。EXT日期格式使用各种字符来代表日期和时间的不同部分,以下是一些主要...
EXT时间控件的实现基于Ext.form.DateTimeField类,这个类继承自Ext.form.DateField,增加了对时间选择的支持。使用DateTimeField,你可以指定日期和时间的格式,例如"Y年M月d日 H:i:s",其中Y代表四位数的年份,M...
EXT日期时间控件2是一款基于EXT JavaScript库的高级UI组件,专为网页应用设计,用于提供用户友好的日期和时间选择功能。EXT是一个强大的前端框架,由Sencha公司开发,广泛应用于构建富互联网应用程序(RIA)。EXT的...
Peter Anvin在2006年开发,作为EXT3的升级版,旨在解决EXT3在大容量硬盘上的性能问题,并提供了更多高级特性和优化。 **一、EXT4的主要特点** 1. **大文件支持**:EXT4支持最大16TB的文件和1EB(1024PB)的文件...
在本文中,我们将深入探讨`ExtJS`框架中的两个关键组件——`Ext日期时间控件`和`Spinner控件`,以及它们在`Grid`中的应用。`ExtJS`是一款强大的JavaScript库,专用于构建富客户端应用程序,尤其适用于创建复杂的、...
标题“Ext时间日期选择控件,精确到秒”指出了该控件允许用户选择时间到秒级别,这对于需要精确时间记录的应用场景(如日程安排、定时任务等)非常关键。EXTJS提供了多种时间日期选择控件,如`MyTimeField.js`、`...
标签中的"ext5.0 日期 时间选择"暗示了这个实现可能与EXT5.0的日期和时间处理有关,EXT5.0提供了`Ext.Date`对象,包含了多种日期操作和格式化方法,这些方法可以用来处理用户选择的日期和时间。 在压缩包内的"日期...
标题中的“Ext日期时间(时分秒)控件”指的是在Web开发中使用的一种特定的用户界面组件,它允许用户选择或输入日期和时间。在本文中,我们将会深入探讨这个主题,包括ExtJS框架中的DateTime控件的使用、功能以及如何...
综上所述,EXT JS中的日期控件扩展是解决日期时间选择问题的关键,开发者需要理解EXT JS的组件体系,熟练运用继承和扩展机制,以创建或定制满足特定需求的DateTimeField控件。这不仅提高了用户体验,也丰富了EXT JS...
在EXT(Ext JS)这个强大的JavaScript框架中,时间控件是一种常见的组件,用于用户界面中进行日期和时间的选择。EXT提供了多种这样的控件,其中一种是能够选择年、月、日、时、分、秒的高级时间选择器。标题中的"ext...
本压缩包"Ext6时间日期整合.zip"专注于ExtJS6中的时间日期处理,特别是DateTimePicker和DateTimeField组件的使用,这对于创建具有用户友好的日期和时间选择功能的界面至关重要。 DateTimePicker和DateTimeField是...
6. **国际化支持**:对于多语言应用程序,`dateField`扩展应支持不同地区的日期格式和语言,如美国的`MM/DD/YYYY`,欧洲的`DD/MM/YYYY`,以及中文环境下的`YYYY年MM月DD日`等。 现在我们来看`ExDateField.js`文件,...
例如,对于`time1`列,我们使用了`Ext.util.Format.dateRenderer('Y-m-d')`来将日期格式化为“年-月-日”的形式显示在网格中。 ```javascript renderer:Ext.util.Format.dateRenderer('Y-m-d'), ``` ### 三、日期...
EXT JS 4 版本在日期控件方面提供了丰富的功能,使得开发者可以方便地处理日期和时间输入。在这个特定的资源中,我们关注的是一个集成时间选择的日期控件,这在需要精确到时、分、秒的场景下非常有用。 EXT JS 4 的...
开发者可以通过配置选项来调整控件的显示样式、日期格式、时间间隔等。例如,你可以设置默认的日期格式为"YYYY-MM-DD HH:mm:ss",以便用户看到的是完整的年月日小时分钟秒的格式。 在提供的文件列表中,我们看到有...
Ext4.x时间日期选择器是基于ExtJs框架的一个组件,主要功能是为用户提供方便的时间和日期选择界面。ExtJs是一个强大的JavaScript库,专门用于构建富客户端应用,它提供了丰富的组件库,包括表格、窗体、菜单等。在这...
EXT JS的日期控件默认只提供日期选择功能,但往往在实际需求中,我们还需要用户能够选择具体的时间,包括小时、分钟和秒。针对这一需求,EXT JS社区或开发人员通常会扩展其基础控件来实现“带有时分秒”的时间选择器...
1. **自定义日期格式**:通过设置 `format` 配置项,比如将其设置为 'Y-m',这将确保只显示年份和月份。 2. **隐藏时间部分**:如果 `DatePicker` 默认显示时间选择,需要检查 `showTime` 配置并设为 `false`。 3. *...
- **可配置性**:可以定制控件的显示样式、默认值、日期格式、可选范围等。 - **交互性**:支持键盘导航和鼠标操作,提供便捷的用户交互体验。 - **本地化**:支持多语言,可以根据用户的浏览器设置自动调整日期和...
用户可能可以通过设置特定的配置项来调整时间选择器的显示格式,例如24小时制或12小时制,并且可能还支持国际化的日期和时间格式。 使用这样的扩展控件,开发者可以更方便地集成到自己的EXT应用中,提升用户体验。...