easyUI datagrid 時間格式化

2022-03-18 02:26:37 字數 1864 閱讀 7554

從後台傳過來的資料,其中含有日期字段,那麼在前端的easyui這裡顯示的話,會顯得比較怪異,一大串,中間是個t,後面一大堆零,不知道是什麼意思。

看來要進行格式化。

問題是,在**格式化?

如果在後端,轉換成想要的字串,易如反掌。但細想,邏輯上比較合適在前端處理:時間資料從後台過來,然後如何顯示,是前端的事。

那麼在前端這裡,如何處理?

1、擴充套件date的功能

date.prototype.format = function (format) 

if (/(y+)/.test(format))

format = format.replace(regexp.$1, (this.getfullyear() + "")

.substr(4 - regexp.$1.length));

for (var k in o)

if (new regexp("(" + k + ")").test(format))

format = format.replace(regexp.$1, regexp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));

return format;

}function formatdatebox(value)

var dt;

if (value instanceof date) else

return dt.format("yyyy-mm-dd"); //擴充套件的date的format方法(上述外掛程式實現)

}

2、easyui datagrid 中呼叫

$('#datagriddemo1').datagrid(,

……]]

});

如此,可顯示格式化日期矣。

參考文章:

從後台傳過來的資料,其中含有日期字段,那麼在前端的easyui這裡顯示的話,會顯得比較怪異,一大串,中間是個t,後面一大堆零,不知道是什麼意思。

看來要進行格式化。

問題是,在**格式化?

如果在後端,轉換成想要的字串,易如反掌。但細想,邏輯上比較合適在前端處理:時間資料從後台過來,然後如何顯示,是前端的事。

那麼在前端這裡,如何處理?

1、擴充套件date的功能

date.prototype.format = function (format) 

if (/(y+)/.test(format))

format = format.replace(regexp.$1, (this.getfullyear() + "")

.substr(4 - regexp.$1.length));

for (var k in o)

if (new regexp("(" + k + ")").test(format))

format = format.replace(regexp.$1, regexp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));

return format;

}function formatdatebox(value)

var dt;

if (value instanceof date) else

return dt.format("yyyy-mm-dd"); //擴充套件的date的format方法(上述外掛程式實現)

}

2、easyui datagrid 中呼叫

$('#datagriddemo1').datagrid(,

……]]

});

如此,可顯示格式化日期矣。

EasyUI datagrid 使用小結

用了easyui框架一段時間了,這個前端框架用起來還是挺方便的,也有很多現成的控制項,看看官方文件應該還是能比較快用起來的。在這裡記錄一下一些常用的控制項的方法,遇到過的bug或者當初耗了一點時間來實現的功能吧。var pager dg datagrid getpager 獲取分頁 物件 var p...

easyui datagrid 多表頭設定

最近在做二維報表,要求報表的表頭自定義。在網上找了好久二維報表的外掛程式,一直找不到合適的。後來就用easyui 中的datagrid替代了一下。根據實際需求,統計的資訊可能不是乙個模組中的字段資訊,所以需要把模組和模組下的字段都顯示出來,這就用到了 中的合併單元格,但是在datagrid中如何實現...

easyUI datagrid 前端真分頁

前文再續,書接上一回。easyui datagrid 前端假分頁 真分頁是easyui datagrid 的預設方式。所謂真分頁,就是後台傳給前端的資料,真的是分頁後的資料。而假分頁,是全部資料。easyui datagrid 向後台請求資料的時候,會自動將頁號 page 每頁數量 rows 作為引...