之前做的一个商城项目，后台系统页面使用Easyui做的，记录一个当时卡住的地方：

首先通过<table>标记创建数据网格(datagrid)

<table class="easyui-datagrid" id="contentList" data-options="toolbar:contentListToolbar,singleSelect:false,collapsible:true,pagination:true,method:'get',pageSize:20,url:'*******',queryParams:{categoryId:0}">
    <thead>
    <tr>
   <th data-options="field:'id',width:30">ID</th>
   <th data-options="field:'title',width:120">内容标题</th>
   <th data-options="field:'subTitle',width:100">内容子标题</th>
   <th data-options="field:'pic',width:50,align:'center'">图片</th>
   <th data-options="field:'created',width:130,align:'center'">创建日期</th>
   <th data-options="field:'updated',width:130,align:'center'">更新日期</th>
</tr>
</thead>
</table>

 

接着在js写一个方法并引用

 

formatDateTime : function(val,row){

var now = new Date(val);
 return now.format("yyyy-MM-dd hh:mm:ss");

}

 

最后在需要更改那一栏添加改方法

<th data-options="field:'created',width:130,align:'center',formatter:E3.formatDateTime">创建日期</th>

<th data-options="field:'updated',width:130,align:'center',formatter:E3.formatDateTime">更新日期</th>

 

效果如下:

​

​

End——————————————————————