How to reload or refresh a Kendo Grid using Javascript?

It is often required to reload or refresh a grid after sometime or after a user action.

Reloading/refreshing Kendo Grid

I have a `KendoGrid` like below and when I run the application, I&#39;m not getting the expected format for `date` column.

   

    $(&quot;#empGrid&quot;).kendoGrid({
        dataSource: {
            data: empModel.Value,
            pageSize: 10
        },

        columns: [
            {
                field: &quot;Name&quot;,
                width: 90,
                title: &quot;Name&quot;
            },
        
            {
                field: &quot;DOJ&quot;,
                width: 90,
                title: &quot;DOJ&quot;,
                type: &quot;date&quot;,
                format:&quot;{0:MM-dd-yyyy}&quot; 
            }
        ]
    });

When I run this, I&#39;m getting &quot;`2013-07-02T00:00:00Z`&quot; in DOJ column. Why it is not formatting? Any idea?

All Kendo Grid Solutions on Gang of Coders

Total of 2 Kendo Grid Solutions

Reloading/refreshing Kendo Grid

Kendo grid date column not formatting