来自MySQL的kendo-ui网格日期格式sql查询

Question

我在这里看过类似的查询，并没有完全回答我的问题，也没有以我能理解的方式回答我的问题。

我从代表日期时间的MySQL数据库中检索字符串值，即数据库中的“2013年10月3日05:30:45 PM”被表示为“20131003173045”。该值在Kendo Grid的“上次登录”列中显示为日期。这些都包含在使用MVC框架的面向PHP的网页中。

此前我在SQL查询中应用了一个日期格式，将字符串从“20131003173045”更改为“2013年10月03日05:30:45 PM”，但这会在KendoGrid中呈现为字符串，即11月日期可以出现在10月日期之前，4月日期首先出现等。这可理解不是所需的功能，尤其是当试图按此列排序时。

示例代码的页面渲染KendoGrid：

<div class="div1"> 
    <div> 
     <table id="listGrid"></table> 
    </div> 
</div> 

<script> 
    $(function() { 
     $("#grid").kendoGrid({ 
      scrollable: false, 
      groupable: false, 
      sortable: { 
       mode: "multiple" 
      }, 
      resizable: true, 
      pageable: true, 
      dataSource: 
      { 
       transport: 
       { 
        read: { 
         url: "<?= $site_url ?>Settings/Users/List", 
         dataType: "json" 
        }, 
        parameterMap: function (model, operation) { 
         if (operation == "read") { 
          return model; 
         }        
         else if(model) { 
          return { "json" : kendo.stringify(model) }; 
         } 
         else 
          return ""; 
        }      
       }, 
       pageSize: 20, 
       serverPaging: true, 
       serverSorting: true, 
       sort: { field: "LastLogin", dir: "desc" }, 
       serverGrouping: true, 
       serverAggregates: false, 
       schema: { 
        total: "total", 
        data: "data", 
        groups: "groups" 
       } 
      }, 

      toolbar: [ { title: "", template:'<a class="k-button k-button-icontext k-grid-add" href="<?= $site_url ?>Settings/Users/Add/">Add New User</a>' }], 
      columns: [ 
       //{field: "Id", width: "40px"}, 
       {field: "UserName", title: "Alias", width: "160px"}, 
       {field: "ForeName", title: "Forename", width: "100px"}, 
       {field: "SurName", title: "Surname", width: "160px"}, 
       {field: "Initials", width: "80px"}, 
       {field: "CrmId", title: "CRM ID", width: "100px"}, 
       {field: "Dept", title: "Department", width: "100px"}, 
       {field: "Position"}, 
       // Below is the field in question 
       {field: "LastLogin", title: "Last Login", width: "160px"}, 
       {field: "BlockedStatus", title: "Status", width: "90px"}, 
       { title: "", template:'<a class="k-button k-button-icontext k-grid-edit" href="<?= $site_url ?>Settings/Users/Update/#: Id #">Edit</a>' } 
      ] 
     }); 
    }); 
</script> 

我已经看过了kendo.parseDate和kendo.toString，以及两者结合，但似乎无法得到任何工作;我要么获得“null”或“20131003173045”，要么页面无法加载。

我无法更改数据库数据，我只能将其格式化为SQL查询的一部分，这正是我最初所做的工作。

我需要整个“20131003173045”字符串变成“03 Oct，2013 05:30:45 PM”，并且仍然按照适当的时间顺序排序 - 我该怎么做，如果是kendo.parseDate和kendo。 toString是正确的工具，我做错了什么？

Answer 1

我的建议是实现schema.parse函数，该函数将MySQL格式转换为Date对象，然后使用columns.format对其进行格式化。

的模式将是：

schema : { 
    data : "data", 
    total : "total", 
    groups: "groups", 
    parse : function (d) { 
     $.each(d.data, function (idx, elem) { 
      elem.LastLogin = kendo.parseDate(elem.LastLogin, "yyyyMMddHHmmss"); 
     }); 
     return d; 
    } 
} 

现在，列定义打印日期将定义一个format那就是你想要的。

{field: "LastLogin", title: "Last Login", width: "160px", format: "{0:dd MMM, yyyy hh:mm:sstt}" }},