Parsing dates in kendo grid - mvvm binding - html

Question

Here you can see the binding for a kendo ui grid:
<div data-role="grid" data-bind="source: reportSource, visible: reportVisible"
data-columns='[{"field":"TIME", "title": "TIME", format: "{0:yyyy-MM-dd hh:mm:ss}", parseFormats: ["yyyy-MM-dd'T'HH:mm:ss"]}, {"field":"LOGIN", "title": "LOGIN"}, {"field":"DEAL", "title": "DEAL"}]'>
</div>
As you see I'm trying to parse dates. I found this solution but when I try to apply this in mvvm binding, the single quotes of 'T' char cause trouble.
How can I parse dates in mvvm binding?
Thanks in advance,

Answer 1

Here is the jsfiddle to solve the problem: http://jsfiddle.net/BYqpL/3/
The key point is:
The build-in dataSource data parsing is executed only when the data comes from a transport
and also we have to define the parse method for the field in schema.
"CreatedDate": {
type: "date",
parse: function(value) {
return kendo.parseDate(value, "yyyy-MM-ddTHH:mm:ss");
}
}

Answer 2

Since you are dealing with an attribute, try replacing your single quote with
'

Answer 3

I was having the same issue and this article helped me alot
http://blog.falafel.com/passing-dates-kendo-ui-aspnet/
Changes i made in my code:
in parameterMap
if (operation === "update" || operation === "create") {
data.model_date_field = kendo.toString(kendo.parseDate(data.model_date_field), "G");
return data;
}
in model definition
fields: {
model_date_field: { nullable: true, type: "date" }
}