easyUI datagrid 时间格式化

easyUI datagrid 时间格式化

从后台传过来的数据,其中含有日期字段,那么在前端的easyUI这里显示的话,会显得比较怪异,一大串,中间是个T,后面一大堆零,不知道是什么意思。

看来要进行格式化。

问题是,在哪里格式化?

如果在后端,转换成想要的字符串,易如反掌。但细想,逻辑上比较合适在前端处理:时间数据从后台过来,然后如何显示,是前端的事。

那么在前端这里,如何处理?

1、扩展Date的功能

 

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;
}
function formatDatebox(value) {
    if (value == null || value == '') {
        return '';
    }
    var dt;
    if (value instanceof Date) {
        dt = value;
    } else {
        dt = new Date(value);
    }

    return dt.format("yyyy-MM-dd"); //扩展的Date的format方法(上述插件实现)
}

2、easyUI datagrid 中调用

 

 

$('#datagridDemo1').datagrid({
    ……
    columns: [[
            { field: 'CreateDate', title: '创建日期', width: 120,align: 'center',formatter: formatDatebox},
            ……
        ]]    
});

如此,可显示格式化日期矣。

 

 

参考文章:

http://blog.csdn.net/walkerjong/article/details/7514026

转载于:https://www.cnblogs.com/ZGQ-VIP/p/11446978.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值