Extjs TimeField 顯示正常時間格式的代碼
更新時間：2011年06月28日 23:55:28 作者：
由后臺返回的json的日期時間格式中，往往都是 類似 "\/Date(1309200300000)\/"的日期時間格式，結(jié)果導(dǎo)致無法正常在TimeField中顯示
如果想正確顯示，一般的方法都是改后臺代碼，使日期時間格式變?yōu)閟tring返回，我解決的方法是重寫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;
}
});
復(fù)制代碼 代碼如下:
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;
}
});
相關(guān)文章
這篇文章主要為大家詳細介紹了ExtJS 4.2 Grid組件的單元格合并,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
EXTJS內(nèi)使用ACTIVEX控件引起崩潰問題的解決方法
在本人目前的項目中，前端部分完全使用EXTJS基于“One-Page”理念搭建。2010-03-03
上一篇簡單做了一個用ext寫的登陸界面，今天來實現(xiàn)登陸效果，主要是回顧下ext中表單提交方法的使用。2010-08-08
ExtJS由一系列的類庫組成，一旦頁面成功加載了ExtJS庫后，我們就可以在頁面中通過javascript調(diào)用ExtJS的類及控件來實現(xiàn)需要的功能。2009-04-04
新手在學習Extjs過程中的低級錯誤積累2010-02-02
解決Extjs4中form表單提交后無法進入success函數(shù)問題
form表單提交后無法進入success函數(shù)的問題，很是常見，下面有個不錯的解決方法，感興趣的朋友可以參考下2013-11-11
對于想了解extjs 的朋友有個幫助2008-12-12
ExtJS 學習專題（一） 如何應(yīng)用ExtJS（附實例）
相信大家已經(jīng)領(lǐng)略了ExtJs的魅力，那么要如何應(yīng)用ExtJS呢？2010-03-03
spket最好用了，而且它還支持ext，安裝起來很簡單.....2010-04-04
ExtJS Column布局使用說明，需要的朋友可以參考下。2009-10-10