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;
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章