I can get the date to display using this code, however, when it get posted to the server it just posts it as 01/01/0001. Also, every-time edit is hit why does the date column become empty?
iwofreportSource = new kendo.data.DataSource({
transport:
{
read: {
url: '/iwof/get-iwof-report/',
dataType: 'json'
},
create: {
url: '/iwof/add-iwof-report',
dataType: 'json',
type: 'Post',
complete: function (e) {
$("#iwof").data("kendoGrid").dataSource.read();
}
},
update:
{
url: '/iwof/update-iwof-report',
dataType: 'json',
type: 'Post',
complete: function (e) {
$("#iwof").data("kendoGrid").dataSource.read();
}
},
destroy: {
url: '/iwof/delete-iwof-report',
type: 'POST',
dataType: 'json'
}
},
async: true,
batch: false,
pageSize: 10,
schema: {
"model": {
id: "Id",
fields: {
Id: { editable: false, nullable: true },
DueToAE: { editable: true, type: "date" },
}
}
}
});
var grid = $("#iwof").kendoGrid({
dataSource: iwofreportSource,
scrollable: false,
pageble: true,
filterable: false,
resizable: true,
toolbar: ["create"],
width: 1000,
sortable: { mode: 'multiple' },
pageable: {
refresh: true,
pageSizes: true
},
columns: [
{ field: "DueToAE", title: "Due To AE", format: "{0:MM/dd/yyyy}" },
],
editable: "inline", // enable inline editing
});