easyUI datagrid 时间格式化

最新推荐文章于 2024-03-23 22:55:35 发布

这是奶牛吗

最新推荐文章于 2024-03-23 22:55:35 发布

阅读量795

点赞数

本文链接：https://blog.youkuaiyun.com/hddfuuh/article/details/83792356

版权

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.youkuaiyun.com/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

从后台传过来的数据，其中含有日期字段，那么在前端的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},            ……        ]]    });