DataGrid是一個強大的JavaScript表格插件,可以通過數(shù)據(jù)源中的JSON數(shù)據(jù)渲染出表格。在JSON數(shù)據(jù)中,日期格式可能會在某些情況下用到,但是默認情況下,DataGrid無法正確展示日期格式。在本篇文章中,我們將會學(xué)習(xí)如何使用DateBox組件實現(xiàn)DataGrid中JSON日期格式化功能。
首先,我們需要在DataGrid中加入DateBox組件。代碼如下:
columns: [ {field:'id',title:'ID',width:100}, {field:'name',title:'Name',width:100}, {field:'birthday',title:'Birthday',width:100,formatter:formatDate} ]
在上面的代碼中,我們將DataGrid中生日這一列的formatter屬性設(shè)置為formatDate函數(shù)。接下來,讓我們來實現(xiàn)formatDate函數(shù):
function formatDate(value,row,index){ return (new Date(value)).toLocaleDateString(); }
在上面的代碼中,我們使用了JavaScript的內(nèi)置Date對象將傳入的日期字符串轉(zhuǎn)換為Date對象,然后使用toLocaleDateString()方法將其格式化為字符串類型的本地日期,并將其返回。這樣,就能夠在DataGrid中正確展示日期格式了。
總結(jié)一下,我們可以使用DateBox組件將JSON日期格式轉(zhuǎn)換為字符串類型的本地日期,并在DataGrid中正確展示。以上就是使用DataGrid實現(xiàn)JSON日期格式化的方法。希望對大家有所幫助。