jQuery Grid Date Formatting

by Nalin Sajwan

HTML

<script src="//e22-fim.pellustro.com/lib/jqwidget/dist/jqx-all.js"></script>
<link rel="stylesheet" href="//jqwidgets.com/jquery-widgets-demo/jqwidgets/styles/jqx.base.css">
<div id="jqxgrid"></div>

JavaScript

var data = '[{"date": "1988-05-23T00:00:00.000"}]';
            // prepare the data
            var source =
            {
                datatype: "json",
                datafields: [
                    { name: 'date', type: 'date' }
                ],
                localdata: data
            };
            var dataAdapter = new $.jqx.dataAdapter(source);
            $("#jqxgrid").jqxGrid(
            {
                width: 300,
                source: dataAdapter,
                columns: [
                    { text: 'date', datafield: 'date', cellsformat: 'dd.MM.yyyy' }
                ]
            });