My model has date objects dotted all around it, what's the preferred way to handle the formatting of those into a readable format?
I'm not sure how to get the values into a function to return the formatted Date object back...I know I can't databind a format directly, so how do I pass in the data value to a function so it returns what format I want.
I've tried things like the above, but doesn't do anything (so clearly it's wrong)
I'm not sure how to get the values into a function to return the formatted Date object back...I know I can't databind a format directly, so how do I pass in the data value to a function so it returns what format I want.
data-bind="text: getDate(selectedBlock.data.EndDate)"I've tried things like the above, but doesn't do anything (so clearly it's wrong)
8 Answers, 1 is accepted
0
Hi Steve,
Atanas Korchev
the Telerik team
You cannot have *any* executable code in the data-bind attribute. You can only specify field and function names which correspond to model fields/functions. You can find more info in the ObservableObject help topic: http://www.kendoui.com/documentation/framework/mvvm/observableobject.aspx
To format a date you need to create a calculated field - a function which will return date formatted the right way.
Atanas Korchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Steve
Top achievements
Rank 2
Rank 2
answered on 25 May 2012, 08:05 PM
Can you elaborate on that though? If you have a complex model populated by json...can you get away somehow with a single function or do you need to have one for every date property?
0
Hello,
Atanas Korchev
the Telerik team
You need to have one for every date property.
Regards,Atanas Korchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Steve
Top achievements
Rank 2
Rank 2
answered on 28 May 2012, 06:31 PM
That's a horrible solution :/ ...for a complex model, I guess I just need it to do date formatting anyway, this works better I think
//Date Bindingkendo.data.binders.date = kendo.data.Binder.extend({ init: function (element, bindings, options) { kendo.data.Binder.fn.init.call(this, element, bindings, options); this.dateformat = $(element).data("dateformat"); }, refresh: function () { var data = this.bindings["date"].get(); if (data) { var dateObj = new Date(data); $(this.element).text(kendo.toString(dateObj, this.dateformat)); } }});
0
Steve
Top achievements
Rank 2
Rank 2
answered on 28 May 2012, 08:47 PM
Could there not be a property or a kendo method to convert any values that pass a parseDate in the model into JS dates?
0
Steve
Top achievements
Rank 2
Rank 2
answered on 29 May 2012, 01:20 AM
Crap, no I think there's even issues with a custom binder...
If I'm doing this:
So binding to a child property of an object...
The refresh of the custom binder isn't called when the selectedBlock changes and the data is bound
Where if I change it to just this
It works as expected
Bug?
If I'm doing this:
<li>Last Updated:<span data-bind="date: selectedBlock.LastUpdated" data-dateformat="dddd MMM dd, yyyy hh:mmtt"></span></li>So binding to a child property of an object...
The refresh of the custom binder isn't called when the selectedBlock changes and the data is bound
Where if I change it to just this
<li>Last Updated:<span data-bind="text: selectedBlock.LastUpdated"></span></li>It works as expected
Bug?
0
Hi,
Atanas Korchev
the Telerik team
Looks ok to me: http://jsfiddle.net/korchev/urAPV/1/
Regards,Atanas Korchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Maciej
Top achievements
Rank 1
Rank 1
answered on 19 Jul 2017, 08:16 PM
In case someone stumbles upon this. Here's the answer: http://docs.telerik.com/kendo-ui/framework/mvvm/bindings/text#text-formatting