静态json数据表格渲染展示

静态json数据表格渲染展示

一:html界面

    
    


        

            

                

                    
ID
                    
姓名
                    
性别
                    
邮件
                    
生日
                    
更新时间
                    
创建时间
                
            
            


            
        

二:相关js代码(在前端的数据简单处理)

/**
 * 该方法返回日期的格式  yyyy-MM-dd HH:mm:ss
 * @param num    num为时间戳
 *              如果用户传入了参数那么就返回用户所需要的日期对应的格式，
 *             如果用户没有传入, 那么就返回当前返回当前系统日期
 */
function formatDate(num) {
    var date = null;
    // 用户传入num
    if(num) {
        date = new Date(num);
    }else { // 用户没有传入
        date = new Date();
    }

    var year = date.getFullYear(); //年份
    var month = date.getMonth(); //月份
    var day = date.getDate(); //获取日期

    var hour = date.getHours(); //小时
    var minute = date.getMinutes();  //分钟
    var second = date.getSeconds(); //获取秒

    // var fullMonth = (month + 1) < 10 ? '0' + (month + 1) : (month + 1);

    var fullMonth = getNumFullFormate(month + 1); //获取月份的完整格式
    var fullDay = getNumFullFormate(day);
    var fullHour = getNumFullFormate(hour);
    var fullMinute = getNumFullFormate(minute);
    var fullSecond = getNumFullFormate(second);


    // 2020-01-23 12:12:23
    return year + "-" + fullMonth + "-" + fullDay + " " + fullHour + ":" + fullMinute +              ":" + fullSecond;
}

function getNumFullFormate(num) {
    return num < 10 ? '0' + num : num;
}