Extjs TimeField 顯示正常時(shí)間格式的代碼
更新時(shí)間:2011年06月28日 23:55:28 作者:
由后臺(tái)返回的json的日期時(shí)間格式中,往往都是 類(lèi)似 "\/Date(1309200300000)\/"的日期時(shí)間格式,結(jié)果導(dǎo)致無(wú)法正常在TimeField中顯示
如果想正確顯示,一般的方法都是改后臺(tái)代碼,使日期時(shí)間格式變?yōu)閟tring返回,我解決的方法是重寫(xiě)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最大不超過(guò)8個(gè) 大于8個(gè)的肯定是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比較弱智,返回的如果小時(shí)是小于10 小時(shí)位就只有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最大不超過(guò)8個(gè) 大于8個(gè)的肯定是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比較弱智,返回的如果小時(shí)是小于10 小時(shí)位就只有1位
return jsondate;
}
return v;
}
});
您可能感興趣的文章:
- js 時(shí)間格式與時(shí)間戳的相互轉(zhuǎn)換示例代碼
- Javascript控制input輸入時(shí)間格式的方法
- 詳解js正則表達(dá)式驗(yàn)證時(shí)間格式xxxx-xx-xx形式
- vue.js將unix時(shí)間戳轉(zhuǎn)換為自定義時(shí)間格式
- JavaScript下的時(shí)間格式處理函數(shù)Date.prototype.format
- js將當(dāng)前時(shí)間格式轉(zhuǎn)換成時(shí)間搓(自寫(xiě))
- JavaScript下判斷時(shí)間格式的代碼
- javascript實(shí)現(xiàn)時(shí)間格式輸出FormatDate函數(shù)
- javascript實(shí)現(xiàn)的時(shí)間格式加8小時(shí)功能示例
相關(guān)文章
EXTJS內(nèi)使用ACTIVEX控件引起崩潰問(wèn)題的解決方法
在本人目前的項(xiàng)目中,前端部分完全使用EXTJS基于“One-Page”理念搭建。2010-03-03
ExtJS 2.0實(shí)用簡(jiǎn)明教程 之Ext類(lèi)庫(kù)簡(jiǎn)介
ExtJS由一系列的類(lèi)庫(kù)組成,一旦頁(yè)面成功加載了ExtJS庫(kù)后,我們就可以在頁(yè)面中通過(guò)javascript調(diào)用ExtJS的類(lèi)及控件來(lái)實(shí)現(xiàn)需要的功能。2009-04-04
Extjs學(xué)習(xí)過(guò)程中新手容易碰到的低級(jí)錯(cuò)誤積累
新手在學(xué)習(xí)Extjs過(guò)程中的低級(jí)錯(cuò)誤積累2010-02-02
解決Extjs4中form表單提交后無(wú)法進(jìn)入success函數(shù)問(wèn)題
form表單提交后無(wú)法進(jìn)入success函數(shù)的問(wèn)題,很是常見(jiàn),下面有個(gè)不錯(cuò)的解決方法,感興趣的朋友可以參考下2013-11-11
ExtJS 學(xué)習(xí)專(zhuān)題(一) 如何應(yīng)用ExtJS(附實(shí)例)
相信大家已經(jīng)領(lǐng)略了ExtJs的魅力,那么要如何應(yīng)用ExtJS呢?2010-03-03
Extjs在exlipse中設(shè)置自動(dòng)提示的方法
spket最好用了,而且它還支持ext,安裝起來(lái)很簡(jiǎn)單.....2010-04-04

