zoukankan      html  css  js  c++  java
  • easyui datagrid 中序列化后的日期格式化

    1、在easyui datagrid 中序列化后的日期显示为:/Date(1433377800000)/

    2、格式化后的显示为: 2015-06-04 08:30:00

    3、使用代码如下:

    3.1、

    $('#dg').datagrid({
        url: 'index',
        method: 'post',
        title: '操作元素管理',
        iconCls: 'icon-save',
        dataType: "json",
        rownumbers: true, //是否加行号
        pagination: true, //是否显式分页
        pageSize: 15, //页容量,必须和pageList对应起来,否则会报错
        pageNumber: 2, //默认显示第几页
        pageList: [15, 30, 45],//分页中下拉选项的数值
         1000,
        height: 500,
        fitColumns: true,
        singleSelect: false,
        columns: [[
            { field: "chk", checkbox: true },
            { field: 'Id', title: 'Id',  70 },
            { field: 'ButtonText', title: 'ButtonText',  120, editor: { type: 'text' } },
            { field: 'IconCls', title: 'IconCls',  120, editor: { type: 'text' } },
            { field: 'IconUrl', title: 'IconUrl',  120, editor: { type: 'text' } },
            { field: 'ButtonTag', title: 'ButtonTag',  120, editor: { type: 'text' } },
            { field: 'ButtonHtml', title: 'ButtonHtml',  120, editor: { type: 'text' } },
            { field: 'Remark', title: 'Remark',  120, editor: { type: 'text' } },
            {
                field: 'AddTime', title: 'AddTime',  120, formatter: function (value, row, index) {
                    var date = value.substr(1, value.length - 2);
                    date = value.substr(1, value.length - 2);
                    date = eval('(new ' + date + ');');
                    return date.format("yyyy-MM-dd HH:mm:ss");
                }
            },
            { field: 'SortNum', title: 'SortNum',  120, editor: { type: 'numberbox' } },
    
        ]]
        
    });
    

      js格式化函数

    /*
        函数:格式化日期
        参数:formatStr-格式化字符串
        d:将日显示为不带前导零的数字,如1
        dd:将日显示为带前导零的数字,如01
        ddd:将日显示为缩写形式,如Sun
        dddd:将日显示为全名,如Sunday
        M:将月份显示为不带前导零的数字,如一月显示为1
        MM:将月份显示为带前导零的数字,如01
        MMM:将月份显示为缩写形式,如Jan
        MMMM:将月份显示为完整月份名,如January
        yy:以两位数字格式显示年份
        yyyy:以四位数字格式显示年份
        h:使用12小时制将小时显示为不带前导零的数字,注意||的用法
        hh:使用12小时制将小时显示为带前导零的数字
        H:使用24小时制将小时显示为不带前导零的数字
        HH:使用24小时制将小时显示为带前导零的数字
        m:将分钟显示为不带前导零的数字
        mm:将分钟显示为带前导零的数字
        s:将秒显示为不带前导零的数字
        ss:将秒显示为带前导零的数字
        l:将毫秒显示为不带前导零的数字
        ll:将毫秒显示为带前导零的数字
        tt:显示am/pm
        TT:显示AM/PM
        返回:格式化后的日期
        */
    Date.prototype.format = function (formatStr) {
        var date = this;
        /*
        函数:填充0字符
        参数:value-需要填充的字符串, length-总长度
        返回:填充后的字符串
        */
        var zeroize = function (value, length) {
            if (!length) {
                length = 2;
            }
            value = new String(value);
            for (var i = 0, zeros = ''; i < (length - value.length) ; i++) {
                zeros += '0';
            }
            return zeros + value;
        };
        return formatStr.replace(/d{1,4}|M{1,4}|yy(?:yy)?|[hH]{1,2}|m{1,2}|s{1,2}|l{1,2}/g, function ($0) {
            switch ($0) {
                case 'd': return date.getDate();
                case 'dd': return zeroize(date.getDate());
                    //case 'ddd': return ['Sun', 'Mon', 'Tue', 'Wed', 'Thr', 'Fri', 'Sat'][date.getDay()];
                    //case 'dddd': return ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][date.getDay()];
                case 'M': return date.getMonth() + 1;
                case 'MM': return zeroize(date.getMonth() + 1);
                    //case 'MMM': return ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'][date.getMonth()];
                    //case 'MMMM': return ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][date.getMonth()];
                case 'yy': return new String(date.getFullYear()).substr(2);
                case 'yyyy': return date.getFullYear();
                case 'h': return date.getHours() % 12 || 12;
                case 'hh': return zeroize(date.getHours() % 12 || 12);
                case 'H': return date.getHours();
                case 'HH': return zeroize(date.getHours());
                case 'm': return date.getMinutes();
                case 'mm': return zeroize(date.getMinutes());
                case 's': return date.getSeconds();
                case 'ss': return zeroize(date.getSeconds());
                case 'l': return date.getMilliseconds();
                case 'll': return zeroize(date.getMilliseconds(), 3);
                    //case 'tt': return date.getHours() < 12 ? 'am' : 'pm';
                    //case 'TT': return date.getHours() < 12 ? 'AM' : 'PM';
            }
        });
    }
    

      

  • 相关阅读:
    案例(2)-- 线程不安全对象(SimpleDateFormat)
    案例(1)-- OOM异常
    jvm--工具
    死锁的产生以及定位死锁
    TCP--粘包拆包,netty的解决方式
    netty--处理器
    AtomicIntegerFieldUpdater和AtomicInteger
    NIO--ByteBuf
    Pipeline
    吴恩达机器学习笔记(四) —— BP神经网络
  • 原文地址:https://www.cnblogs.com/wolfocme110/p/5604495.html
Copyright © 2011-2022 走看看