Extjs TimeField 顯示正常時間格式的代碼
更新時間：2011年06月28日 23:55:28 作者：
由后臺返回的json的日期時間格式中，往往都是 類似 "\/Date(1309200300000)\/"的日期時間格式，結果導致無法正常在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;
}
});
復制代碼 代碼如下:
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.fly來獲得一個Element對象，其實Ext.fly是Ext.Element.fly的簡寫形式。類似的方法還有一個Ext.get，是Ext.Element.get的簡寫。這兩個方法都可以用使用Dom元素或者Dom元素的id作為參數(shù)來獲得一個Element對象。2009-10-10
ExtJs是一個非常好的客戶端JavaScript，他的很多空間都可以自定義而且也可以擴展。2010-03-03
extjs ColumnChart設置不同的顏色實現(xiàn)代碼
extjs為ColumnChart設置不同的顏色想必有很多朋友還是比較陌生的吧，接下來為大家詳細介紹下具體設置代碼，感興趣的朋友可以參考下哈2013-05-05
ExtJs 3.1 XmlTreeLoader Example Error
ExtJs 3.1的XmlTreeLoader例子折騰了我近一個下午加晚上，官方的例子沒有問題，可以加載xml的數(shù)據(jù)，本地IIS死活不行2010-02-02
Extjs學習筆記之五 一個小細節(jié)renderTo和applyTo的區(qū)別
Extjs的組件有兩個看起來類似的配置項，applyTo和renderTo，這兩個配置項都是用來指定將該extjs組件加載到什么位置。那他們到底有什么區(qū)別呢，網(wǎng)上搜了下，有兩篇博文也是關于這個的。2010-01-01
剛剛參加完公司的項目，第一次使用extjs編寫用戶界面還是有點頭痛，現(xiàn)在小花整理好了，希望為初學者做個參考。2009-12-12
ExtJS是一個MVVM結構的JavaScript框架,在處理表格表單方面則是它的拿手好戲,這里整理了基本的JavaScript的ExtJS框架中表格的編寫教程2016-05-05
ExtJs 實現(xiàn)動態(tài)加載grid完整示例
動態(tài)加載grid在ExtJs中如何實現(xiàn)，貌似有很多的朋友都不知道吧，下面有個不錯的示例，希望對大家有所幫助2013-09-09
ExtJS Grid使用SimpleStore、多選框的方法
ExtJS 中Grid使用SimpleStore、多選框的方法,需要的朋友可以參考下。2009-11-11
ext前臺接收action傳過來的json數(shù)據(jù)示例
這篇文章以示例的方式為大家介紹了ext前臺接收action傳過來的json數(shù)據(jù),需要的朋友可以參考下2014-06-06