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

    Customize the Excel Export Filename of the Grid by Adding Current Date and Time

    Environment

    Product Progress® Kendo UI® Grid for jQuery

    Description

    How can I add the current date and time to the Excel export filename of the Grid?

    Solution

    1. Use the excelExport event which has the workbook in its event data to rename it.

    2. With the help of the kendo.toString() method or another way to format the date, concatenate the date to the filename:

      excelExport: function(e) {
        e.workbook.fileName = kendo.toString(new Date, "d") + " Grid.xlsx";
      }
    Open In Dojo
        <div id="grid"></div>
        <script>
        $("#grid").kendoGrid({
          toolbar: ["excel"],
          columns: [
            { field: "name" }
          ],
          dataSource: [
            { name: "Jane Doe"},
            { name: "John Doe"}
          ],
          excelExport: function(e) {
            e.workbook.fileName = kendo.toString(new Date, "dd/MM/yyyy HH:mm") + " Grid.xlsx";
          }
        });
        var grid = $("#grid").data("kendoGrid");
        grid.saveAsExcel();
        </script>
    In this article