EasyUI 的DataGrid中DateTime的格式化问题

想必用过EasyUI的朋友们都应该会遇到这样的情况吧:(下图)

第一步:添加如下方法:

function getTime(/** timestamp=0 **/) {
            var ts = arguments[0] || 0;
            var t, y, m, d, h, i, s;
            t = ts ? new Date(ts * 1000) : new Date();
            y = t.getFullYear();
            m = t.getMonth() + 1;
            d = t.getDate();
            h = t.getHours();
            i = t.getMinutes();
            s = t.getSeconds();
            // 可根据需要在这里定义时间格式
            return y + ‘-‘ + (m < 10 ? ‘0‘ + m : m) + ‘-‘ + (d < 10 ? ‘0‘ + d : d) + ‘ ‘ + (h < 10 ? ‘0‘ + h : h) + ‘:‘ + (i < 10 ? ‘0‘ + i : i) + ‘:‘ + (s < 10 ? ‘0‘ + s : s);
        }

第二部:DataGrid中的时间这一项加入一个formatter 格式器来对其格式进行格式化。保存即可。

formatter: function (date) {
                            var pa = /.*\((.*)\)/;
                            var unixtime = date.match(pa)[1].substring(0,10);
                            return getTime(unixtime);
                        }

结果如下:

时间: 2024-10-09 14:18:45

EasyUI 的DataGrid中DateTime的格式化问题的相关文章

easyui datagrid中datetime字段的显示和增删改查问题

datagrid中datetime字段的异常显示: 使用过easyui datagrid的应该都知道,如果数据库中的字段是datetime类型,绑定在datagrid显式的时候会不正常显示,一般需要借助于formatter来格式化时间格式 { title: '活动开始时间', field: 'BeginTime', width: 300, editor: { type: 'datetimebox', options: { required: true }, formatter: function

EasyUI DataGrid 中字段 formatter 格式化不起作用

今天用 EasyUI datagrid 来做列表,要对一些数据进行格式化,推断某字段状态时,发现 formatter 格式化相应的函数不起作用. <table id="list_data" title="未审核报表" class="easyui-datagrid" style="width: auto;height:350px;" url="" toolbar="#toolbar"

在EasyUI的DataGrid中嵌入Combobox

在做项目时,需要在EasyUI的DataGrid中嵌入Combobox,花了好几天功夫,在大家的帮助下,终于看到了它的庐山真面: 核心代码如下: <html> <head> @*添加Jquery EasyUI的样式*@ <link href="@Url.Content("../../Content/JqueryEasyUI/themes/default/easyui.css")" rel="stylesheet" /

easyUi 表格 datagrid 中字段超链接设置参数

datagrid中设置field链接   链接中通常传递的是int类型的ID字段,但是有时难免传递文本之类的参数 那可以添加 如下 : field: 'batchImg', title: '质检报告', width: 60,                        formatter: function (value, row, index) {                            //商品ID                                       

EasyUI获取DataGrid中某一列的所有值

有一需求为计算[成绩]列中所有数据之和 function count() { var rows = $('#dg'').datagrid('getRows')//获取当前页的数据行 var total = 0; for (var i = 0; i < rows.length; i++) { total += rows[i]['SCORE']; //获取指定列 } alert(total); } 作者:itmyhome 版权声明:本文为博主原创文章,未经博主允许不得转载.

Easyui的datagrid中的if判断问题

初学easyui,在columns里面有这么一列 { field : 'alert', title : '报警类型', width : 150, rowspan : 2, align : 'center' } 想判断当datagrid里面的值为"1"(String类型)的时候列表显示为A,值为"2"的时候显示B,这个该怎么写? 解答: { field : 'alert', title : '报警类型', width : 150, rowspan : 2, align

EasyUI 解决 datagrid 中 NumberBox 限制小数位数后不能输入小数点问题

初始化界面,发现编辑datagrid,不能输入小数点. var arrColumnsCNT = [[ { title: '毛重', field: 'GrossWeight', halign: 'center', width: 60, sortable: true, frozen: true, editor: { type: 'numberbox', options:{precision:2} } } ]]; function DefDataGridCNT() { objDataGridCNT =

easyui datagrid 中序列化后的日期格式化

1.在easyui datagrid 中序列化后的日期显示为:/Date(1433377800000)/ 2.格式化后的显示为: 2015-06-04 08:30:00 3.使用代码如下: 3.1. <script type="text/javascript"> $(function () { $("#tdList").datagrid({ url: "/Admin/Dictionary/Index", title: "数据

jquery数字打分插件与嵌入到EasyUI datagrid中的示例

这阵儿是断续折腾定性考评表打分的事儿了.虽是UI菜鸟,但却一直想让用户在操作上更加方便,之前基于"jQuery星级评分插件"实现了一个评分界面(因为比较简单,就不做总结了),用户反应还不错. 这一次的评分表中,各项分值的特点有:一是每个评分项的分值均不太一样:二是分值为整数,但分值范围大,从-1000到+1000都存在.若是采用在datagrid中嵌入编辑框的形式实现的话,总是觉得让用户使用不太方便,所以内心非常想做一个数字插件,然后就搜到中意的例子--"简单的jQuery用