jqGrid日期排序(本地)不起作用

时间:2013-06-21 14:52:11

标签: javascript jqgrid date-sorting

我知道这里有很多这类问题的答案,但它们似乎都有一些独特的情况。然而,在我的情况下,它应该是一个非常简单的事情,因为我没有做任何奇怪的日期,但我不能让日期排序工作。

以下是我从JSON获得的数据(部分编辑,因为这是一个公司项目)。

{"rows": [
    {"cell": [ "140935", ..., "19/06/2013 3:17:02 PM", ... ]},
    {"cell": [ "140894", ..., "19/06/2013 10:01:57 AM", ... ]},
    {"cell": [ "140803", ..., "18/06/2013 11:50:01 AM", ... ]},
    {"cell": [ "140008", ..., "10/06/2013 12:44:44 PM", ... ]},
    {"cell": [ "138280", ..., "28/05/2013 11:57:19 AM", ... ]},
    {"cell": [ "118286", ..., "15/11/2012 7:13:19 PM", ... ]}
]}

所以你可以看到,当我从服务器上获取它时,它已经被排序了。麻烦的是,当我在表格中使用排序时,它会被搞砸,并且2013年5月28日的日期将比6月日期“晚”。这是屏幕截图。 May date ends up "later" than June date

这是我用来生成这个的jqGrid代码(我为了简洁而部分编辑了它,但我认为我没有删除会影响这个问题的任何内容)。

我首先将列名和列模型设置为变量,以保持整洁。

cnames = ['ID', _company, _location, ... _createdon..],
cmodel = [
    { name:'ticketId', index:'ticketId', key:true, width:60, align:'center',
        sorttype:'int', fixed:true, resizable:false, editrules:{ edithidden:true }
    },
    { name:'company', index:'company', width:117, editrules:{edithidden:true} },
    { name:'location', index:'location', width:94, editrules:{edithidden:true} },
    ...
    { name:'CreatedOn', index:'CreatedOn', width:85, sorttype:'date',
        datefmt:'m/d/Y h:i:s A', fixed:true, editrules:{edithidden:true, date:true} },
    ...
]

因此日期格式m/d/Y h:i:s A与我从服务器15/11/2012 7:13:19 PM获得的日期数据相匹配。

然后我像这样加载jqGrid

ticketsTable = tableWrap.jqGrid({
    url:            urlTicketHandler + '?method=GetTickets&' + filtersData,
    mtype:          'GET',
    datatype:       'json',
    colNames:       cnames,
    colModel:       cmodel,
    height:         'auto',
    rowNum:         1000,
    autowidth:      true,
    sortname:       'priority',
    sortorder:      'desc',
    pgbuttons:      false,
    pginput:        false,
    pgtext:         '',
    viewrecords:    true,
    altRows:        true,
    loadonce:       true,
    scrollOffset:   0,
    hidegrid:       false,
    caption:        _tickets,
    toppager:       true,
    pager:          '#ticketsList_footer',
    prmNames:       {page:null, rows:null, search:null},
    viewsortcols:   [true,'vertical',true],
    recordtext:     _showingxt + ' {2} ' + _tickets,
    gridview:       true,
    ignoreCase:     true,
    multiselect:    hasFullAccess,
    loadComplete:   function(d) {
        if (firstLoad) {
            firstLoad = false;
            if (isColState && myColumnsState.permutation.length) {
                $(this).jqGrid("remapColumns", myColumnsState.permutation, true);
            }
        }
        saveColumnState.call($(this), this.p.remapColumns);
    }
});

我认为这里唯一可能引起任何问题的是列保存部分(我没有在这里包含整个功能,但我不确定它实际上是否相关,我从jqGrid自己的站点获取它。)

我省略了其他列上的格式,但我没有触及日期列。我也省略了一些函数来向表中添加自定义按钮,但同样,我认为这并不重要。

我在这里缺少什么?

1 个答案:

答案 0 :(得分:0)

我已经失去了我过去的次数,试图弄清楚到底发生了什么。当然,遵守墨菲定律,直到我在Stackoverflow上发布它,我终于看到了写日期格式时我非常简单,非常尴尬的错误。当然,现在它已经在公共场合,在互联网上,永远显示我所有人都看到的耻辱。没有什么可说的叹息