New to Kendo UI for jQuery? Download free 30-day trial

Display DateTime Value as ComboBox Group Header


Product Progress® Kendo UI® ComboBox for jQuery


I am adding a grouping for the items of the ComboBox. The value (the field) for the grouping is of type DateTime. I need to use the DateTime value to get the correct sorting, but the date which is printed as a string to label each group is not in the correct format.

How van I render the date in a standard format and not like /DATE/14987988000000.


To properly display properly the group headers, configure a groupTemplate and a fixedGroupTemplate.

<input id="customers" style="width: 400px" />

  $(document).ready(function() {
      dataTextField: "ShipName",
      dataValueField: "OrderID",
      groupTemplate: "Group: #= kendo.toString(kendo.parseDate(data), 'd') #",
      fixedGroupTemplate: "Group: #= kendo.toString(kendo.parseDate(data), 'd') #",
      dataSource: {
        type: "odata",
        transport: {
          read: ""
        group: {
          field: "OrderDate"

See Also

In this article