Extjs TimeField 显示正常时间格式的代码
更新时间:2011年06月28日 23:55:28 作者:
由后台返回的json的日期时间格式中,往往都是 类似 "\/Date(1309200300000)\/"的日期时间格式,结果导致无法正常在TimeField中显示
如果想正确显示,一般的方法都是改后台代码,使日期时间格式变为string返回,我解决的方法是重写TimeField 的setValue ,具体代码如下:
Ext.override(Ext.form.TimeField, {
getValue: function () {
return this.value;
},
setValue: function (v) {
this.value = v;
this.setRawValue(this.formatValue(v));
return this;
},
formatValue: function (v) {
if (v.length>8) { //timefield最大不超过8个 大于8个的肯定是json中的
var jsondate = eval("new " + v.substr(1, v.length - 2)).toLocaleTimeString();
jsondate = jsondate.length == 8 ? jsondate.substr(0, 5) : '0' + jsondate.substr(0, 4); //toLocaleTimeString比较弱智,返回的如果小时是小于10 小时位就只有1位
return jsondate;
}
return v;
}
});
复制代码 代码如下:
Ext.override(Ext.form.TimeField, {
getValue: function () {
return this.value;
},
setValue: function (v) {
this.value = v;
this.setRawValue(this.formatValue(v));
return this;
},
formatValue: function (v) {
if (v.length>8) { //timefield最大不超过8个 大于8个的肯定是json中的
var jsondate = eval("new " + v.substr(1, v.length - 2)).toLocaleTimeString();
jsondate = jsondate.length == 8 ? jsondate.substr(0, 5) : '0' + jsondate.substr(0, 4); //toLocaleTimeString比较弱智,返回的如果小时是小于10 小时位就只有1位
return jsondate;
}
return v;
}
});
相关文章
ExtJs 3.1 XmlTreeLoader Example Error
ExtJs 3.1的XmlTreeLoader例子折腾了我近一个下午加晚上,官方的例子没有问题,可以加载xml的数据,本地IIS死活不行2010-02-02Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
Extjs的组件有两个看起来类似的配置项,applyTo和renderTo,这两个配置项都是用来指定将该extjs组件加载到什么位置。那他们到底有什么区别呢,网上搜了下,有两篇博文也是关于这个的。2010-01-01ExtJS Grid使用SimpleStore、多选框的方法
ExtJS 中Grid使用SimpleStore、多选框的方法,需要的朋友可以参考下。2009-11-11
最新评论