使⽤easyui框架设置时间格式
之前做的⼀个商城项⽬，后台系统页⾯使⽤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");
}
最后在需要更改那⼀栏添加改⽅法
easyui框架
<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——————————————————————

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。