Extjs 显示日期

在用到Extjs 的 Grid的时候，由于在用.net把List<T>转成json的时候会把日期类型转化成不是常用的格式而是这样的格式："\/Date(1264990693000+0800)\/"，所以我们需要利用js把他转换过来.在Grid的cm里面定义列的时候使用renderer 属性进行修改日期格式.

第一步：需要把他转换成js认识的Date格式:new Date(parseInt(val.substring(6, val.length - 2)))

第二步：再把Date按照你的要求进行转化,这是我从网上找的扩展了一个format方法

 

      // 格式化日期显示函数
    Date.prototype.format = function(format) {
        var o = {
            "M+": this.getMonth() + 1, //month
            "d+": this.getDate(),    //day
            "h+": this.getHours(),   //hour
            "m+": this.getMinutes(), //minute
            "s+": this.getSeconds(), //second
            "q+": Math.floor((this.getMonth() + 3) / 3), //quarter
            "S": this.getMilliseconds() //millisecond 
        }
        if (/(y+)/.test(format))
            format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
        for (var k in o)
            if (new RegExp("(" + k + ")").test(format))
            format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
        return format;
    }

 

下面是具体Grid日期列的定义

 

{ header: "收费时间", dataIndex: "chargetime", type: Date, width: 100, renderer: function(val) { return new Date(parseInt(val.substring(6, val.length - 2))).format('yyyy-MM-dd hh:mm') } },