layui数据列表数据显示自定义格式。

若要将指定列的数据改为某个值,将时间日期格式化,int值类型展示中文值等操作
1、使用 templet属性,将该行数据,进行格式化操作即可。
例如:这里将日期数据格式化,返回一个string类型数据即可

 cols: [[
      {field:'deviceid', title: 'ID', width:60, sort: true, fixed: true}
      ,{field:'androidid', title: '安卓ID', width:160}
      ,{field:'devicename', title: '设备名称', width:120,edit : "text"}
      ,{field:'packagename', title: '终端包名', width:140}
      ,{field:'versioncode', title: '终端版本号', width:100}
      ,{field:'ipaddress', title: '设备IP',width:120}
      ,{field:'macaddress', title: '设备MAC地址', width:160}
      ,{field:'modifydate', title: '最后编辑时间', width:160,templet :function (row){
          return formatTime(row.modifydate);
      }}
      ,{field:'versionname', title: '终端版本名', width:100}
      ,{field:'devicemodel', title: '设备类型', width:150}
 ] ]

function formatTime(v){
    var date = new Date(v);
    var y = date.getFullYear();
    var m = date.getMonth()+1;
    m = m<10?'0'+m:m;
    var d = date.getDate();
    d = d<10?("0"+d):d;
    var h = date.getHours();
    h = h<10?("0"+h):h;
    var M = date.getMinutes();
    M = M<10?("0"+M):M;
    var str = y+"-"+m+"-"+d+" "+h+":"+M;
    return str;
}

你可能感兴趣的:(Layui,Layui)