DataGrid是一個強大的JavaScript表格插件,可以通過數據源中的JSON數據渲染出表格。在JSON數據中,日期格式可能會在某些情況下用到,但是默認情況下,DataGrid無法正確展示日期格式。在本篇文章中,我們將會學習如何使用DateBox組件實現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屬性設置為formatDate函數。接下來,讓我們來實現formatDate函數:
function formatDate(value,row,index){ return (new Date(value)).toLocaleDateString(); }
在上面的代碼中,我們使用了JavaScript的內置Date對象將傳入的日期字符串轉換為Date對象,然后使用toLocaleDateString()方法將其格式化為字符串類型的本地日期,并將其返回。這樣,就能夠在DataGrid中正確展示日期格式了。
總結一下,我們可以使用DateBox組件將JSON日期格式轉換為字符串類型的本地日期,并在DataGrid中正確展示。以上就是使用DataGrid實現JSON日期格式化的方法。希望對大家有所幫助。
上一篇c 調用json數據
下一篇vue cli 熱更新