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],//分页中下拉选项的数值
    width: 1000,
    height: 500,
    fitColumns: true,
    singleSelect: false,
    columns: [[
        { field: "chk", checkbox: true },
        { field: 'Id', title: 'Id', width: 70 },
        { field: 'ButtonText', title: 'ButtonText', width: 120, editor: { type: 'text' } },
        { field: 'IconCls', title: 'IconCls', width: 120, editor: { type: 'text' } },
        { field: 'IconUrl', title: 'IconUrl', width: 120, editor: { type: 'text' } },
        { field: 'ButtonTag', title: 'ButtonTag', width: 120, editor: { type: 'text' } },
        { field: 'ButtonHtml', title: 'ButtonHtml', width: 120, editor: { type: 'text' } },
        { field: 'Remark', title: 'Remark', width: 120, editor: { type: 'text' } },
        {
            field: 'AddTime', title: 'AddTime', width: 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', width: 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}\b/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';
        }
    });
}

  

posted on 2016-06-21 17:51  狼来了  阅读(609)  评论(0编辑  收藏  举报