Extjs中DateField控件的日期数据转换成字符串型提交到后台,如:一个DateField要提交的值是“web apr 6 00:00:00 UTC+0800 2010”,我想在js文件中把他转换成字符串”2010-04-20“后再向后台提交
/**
* 功能说明:格式化JSON日期时间
* @param value 需要格式化的JSON日期时间
* @param format 格式化格式(如"Y-m-d H:i:s")
*/
FormatTime=function(value,format){
var date = new Date();
date.setYear((value.year) + 1900);
date.setMonth(value.month);
date.setDate(value.date);
date.setHours(value.hours);
date.setMinutes(value.minutes);
date.setSeconds(value.seconds);
return date.format(format);
}
我自己写的格式转换
// buyManage
userInfo: {dataIndex: 'userinfo', header: '姓名', width: 80},
oldStock: {dataIndex: 'oldstock', header: '原持股数', width: 70},
newStock: {dataIndex: 'newstock', header: '新持股数', width: 70},
upStock: {dataIndex: 'upstock', header: '变更股数', width: 60},
upPercent: {dataIndex: 'uppercent', header: '变更比例', width: 60},
upTime: {dataIndex: 'uptime', header: '变更时间', width: 200,
renderer:function(value,cellmeta,record,rowIndex,columnIndex,color_store){
if(value!=null){
return uptime=new Date(value.time).format('Y-m-d');
}else{
return null;
}
}
}
};
Extjs 日期的使用方法(显示,定义,接收,提交,转换)
(1)function fd(){value?value.dataFormate("M d,Y")} //里面除英文字母外的字符可自定义.
(2)cm:{header:"日期",dataIndex:"data",renderer:fd} //Grid列的定义.
(3)store:{name:"data",type:"date",dateFormat:"m/d/Y"} //接收JSON数据中日期型格式:02/28/1998.
(4)new Ext.form.dateField({format:"m/d/Y"....}) //组件UI显示样式和提交值:02/28/1998.
(5)var t=new Date("02/28/1998") //字符串转换成日期型,注:如t输入给store,字符串必须匹配,即同为"m/d/Y"格式,1998-02-28报错.
var record=new Ext.data.Record({});
record.set("data",t);
store.insert(0,t);
注:"m/d/y" 可在EXTJS API DATE类中找到.
分享到:
相关推荐
在EXTJS这个强大的JavaScript框架中,DateField是一个用于输入日期的控件,通常它只允许用户选择年、月、日。然而,在某些情况下,我们可能需要将日期字段扩展到包括小时、分钟和秒,以便更精确地管理时间数据。这篇...
4. **国际化**:作为一款成熟的框架,ExtJS支持多语言环境。DateTime控件可以适应不同的日期和时间格式,以满足全球用户的需要。 5. **可访问性**:DateTime控件遵循Web无障碍标准,确保视力障碍或其他残疾的用户也...
然后,在ExtJS的应用配置中,我们可以创建一个基于Ext.form.field.Time的自定义字段,通过配置`format`属性来指定时间格式,例如`'H:i:s'`,这样就能显示小时、分钟和秒了。如果DateTime.js提供了额外的配置选项或...
以及查找与格式化和验证相关的代码片段。 总的来说,`Ext`框架中的`dateField`扩展为开发者提供了强大的工具,使他们能够创建适应各种场景的时间选择控件,不仅满足基本的日期输入需求,还能提供更加精细化和定制化...
然而,`Ext.form.DisplayField`原生并不支持`format`属性或`renderer`事件,这意味着我们不能直接对日期或数字进行格式化。为了克服这个问题,我们需要对`Ext.form.DisplayField`进行扩展,添加自定义的功能来处理...
`renderer`函数接受一个值并返回一个格式化后的字符串。例如,对于`time1`列,我们使用了`Ext.util.Format.dateRenderer('Y-m-d')`来将日期格式化为“年-月-日”的形式显示在网格中。 ```javascript renderer:Ext....
- `NumberField`:数值框,用于输入数字值,支持上下限验证和格式化。 - `Radio`:单选按钮,通常与'是'或'否'等二选一的选项配合使用。 - `RadioGroup`:单选按钮组,用于在多个单选按钮中选择一个。 - `...
4. **日期时间格式化**:在ExtJS中,日期和时间的格式化使用`Ext.util.Format.date`函数,可以定制如"YYYY-MM-DD HH:mm:ss"这样的输出格式。在日期时间控件中,可以通过`format`配置项来设置显示和解析的日期时间...
7. **国际化**:根据不同的语言和地区,DateTimeField的显示格式和操作提示可能需要调整,这可以通过设置locale来实现。 在压缩包文件“ext-datetimefield”中,可能包含了以下内容: - JavaScript文件:扩展的源...
7. **表单(Form)组件**:表单组件包含各种输入控件,如文本框(TextField)、选择框(ComboBox)、日期选择器(DateField)等,支持数据验证和提交。 8. **树形结构(Tree)**:提供了树形组件,可用于展示和操作...
ExtJS 2.2提供了一系列丰富的表单组件,如`TextField`、`ComboBox`、`DateField`等,以及`FormPanel`用于组织这些组件。表单提交和验证功能强大,可以方便地进行Ajax异步提交。 5. **图表组件**: 虽然2.2版本的...
7. **表单组件**:EXTJS 3.0包含各种表单组件,如文本框(TextField)、选择框(ComboBox)、日期选择器(DateField)等,可构建复杂的表单应用。 8. **图表组件**:EXTJS 3.0还引入了图表组件,可以创建各种统计...
EXTJS6的`datetimefield`继承自`datefield`,并增加了时间选择的功能,但它并不自带分秒选择。 为了实现分时秒的扩展,我们可以创建两个新的类:`DateTimePicker.js`和`DateTimeField.js`。`DateTimePicker.js`可能...
ExtJS是一款用于构建Web应用程序的强大JavaScript框架,其提供了丰富的UI组件库及高度定制化的开发工具,旨在帮助开发者快速搭建美观且功能完善的前端界面。对于中文用户而言,《ExtJS中文API》是一个非常有用的资源...
8.2.5 格式化显示日期类型数据 8.3 美化表格 8.4 设置表格背景颜色 8.5 显示行号和复选框 8.5.1 显示行号 8.5.2 引用复选框 第9章 表格的高级功能 9.1 表格视图——Ext.grid.GridView 9.2 表格分页 9.2.1 ...
控件支持多种格式化选项,可以自定义日期的显示方式,还允许设置最小和最大日期范围,以限制用户的选取范围。此外,`ExtJS`还提供了`Ext.picker.Time`类,专门用于处理时间的选择。 接下来是`Spinner控件`,它通常...
ExtJS4支持多语言,因此日期控件可以根据用户的浏览器设置或者手动配置显示不同语言的日期和时间格式。 6. **自定义渲染** 通过使用`renderer`函数,你可以自定义日期字段的显示方式,这在需要特殊格式或者样式时...
- **Ext.util.Format类**: 字符串格式化工具。 - **Date扩展**: 日期格式化。 - **String扩展**: 字符串操作。 - **Function扩展**: 函数封装。 #### 总结 ExtJS提供了强大的功能和丰富的组件,适用于快速开发高...
- `HTMLEditor` 是一个富文本编辑器,允许用户编辑 HTML 内容,提供了许多格式化选项。 EXTJS 的强大之处在于其丰富的组件库、灵活的配置选项和强大的数据绑定机制,使得开发者能够构建复杂、交互性强的Web应用。...
`vtype`在ExtJS中主要用于表单验证,它定义了一组预设的验证规则,如`email`, `url`, `date`等,用于确保表单输入符合预期的格式。例如,要验证一个字段是否为有效的电子邮件地址,可以在`vtype`属性中设置为`email`...