來自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}" }},