layui数据表格后台传输时间戳转换为时间格式

最新推荐文章于 2024-03-04 15:58:09 发布

原创最新推荐文章于 2024-03-04 15:58:09 发布 · 857 阅读

0 ·

CC 4.0 BY-SA版权

layui 专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍layui框架中的表格组件使用方法，包括数据接口配置、分页功能实现、单元格最小宽度设置及时间格式化等关键特性。通过具体实例，展示如何在网页中渲染带有工具栏、编辑功能和操作按钮的动态表格。

layui.use(['table','jquery','form','util'], function(){
    var form = layui.form;
    var table = layui.table;
    var $ = layui.jquery;
    var util = layui.util;
    //第一个实例
    table.render({
        elem: '#demo'
        ,toolbar:'#toolbarDemo'
        ,limits:[1,2,4,6]
        ,limit:10
        ,cellMinWidth:90
        ,url: '/Question/ShowQuestion' //数据接口
        ,page: true //开启分页
        ,cols: [[ //表头
            {field: '', title: '', type:'checkbox' , fixed: 'left'}
            ,{field: 'id', title: 'ID',  edit: true}
            ,{field: 'question', title: '问题内容',  edit: true}
            ,{field: 'create_time', title: '提问时间',templet: function(d) {return util.toDateString(d.create_time*1000);},edit: true}
            ,{field: '', title: '操作', toolbar:'#barDemo' , fixed:'right'}
        ]]
    });

注意：
layui.use(['table','jquery','form','util'], function(){

var util = layui.util;

,{field: 'create_time', title: '提问时间',templet: function(d) {return util.toDateString(d.create_time*1000);},edit: true}