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

一时失言乱红尘 2023-06-06 10:46 25阅读 0赞

若要将指定列的数据改为某个值，将时间日期格式化，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;
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，25人围观）

还没有评论，来说两句吧...

相关阅读

相关 LayUI 日期格式显示

日期字段未进行格式化在LayUI 前端展示效果截图： ![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5Zyo5

我不是女神ヾ/ 2023年10月10日 13:36/ 0 赞/ 118 阅读

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

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

一时失言乱红尘/ 2023年06月06日 10:46/ 0 赞/ 26 阅读

相关 layui 刷新数据列表

<blockquote class="layui-elem-quote quoteBox"> <div class="demoTable">

╰+攻爆jí腚メ/ 2023年06月06日 10:46/ 0 赞/ 55 阅读

相关 layui数据列表的使用

< table class=“layui-hide” id=“LAY\_table\_user” lay-filter=“user”>< /table> JS数据渲染注

谁借莪１个温暖的怀抱￠/ 2023年06月06日 10:46/ 0 赞/ 41 阅读

相关 layui 解析任意数据格式及自定义参数分页

table.render渲染表格时，后台返回的数据格式并不符合 table 组件默认规定的数据格式，但从 layui 2.4.0 开始，新增的 parseData 回调可以将原

Myth丶恋晨/ 2023年06月06日 04:55/ 0 赞/ 27 阅读

相关 Layui数据表格解析任意数据格式问题

项目里遇到一个非框架默认格式的json数据，进行数据转换后遇到的bug；如图所示我要解析的json格式为： ![watermark_type_ZmFuZ3poZW5naG

曾经终败给现在/ 2023年05月30日 15:56/ 0 赞/ 54 阅读

相关 easyUI datetimebox 自定义显示格式

项目里需要显示自定义显示格式，比如只显示yyy,yyyy-mm,yyyy-mm-dd等格式。直接设置formatter参数的话，总是报错。用firefox调试后发现，好像在设置

傷城~/ 2022年03月26日 08:52/ 0 赞/ 390 阅读

相关 layui表格返回数据格式

Map<String,Object> resultMap = new HashMap<>(); //状态码，成功0，失败1 resultMap.put(

刺骨的言语ヽ痛彻心扉/ 2022年03月09日 02:48/ 0 赞/ 570 阅读

相关 v-chart 自定义显示格式

v-charts 文档： [https://v-charts.js.org/\/line][https_v-charts.js.org_line] 1.settings

短命女/ 2022年02月28日 15:54/ 0 赞/ 661 阅读

相关 Laravel封装自定义Json数据格式

laravel json返回值封装以便维护：一般返回： return response()->json(['status' => 'success','code

客官°小女子只卖身不卖艺/ 2022年01月26日 06:51/ 0 赞/ 440 阅读