Kendo Mobile - Binding not working for input="time"

[Gonzalo]

Hi, I'm developing a mobile app with Kendo.

When I try to use an input with type="time", the bindings do not appear to work with it.
Specifically, I'm only trying to use the "value" binding.

<input type="time" data-bind="value: timeSpent" />

Does someone know if this type of input is not supported? If that's the case, any time picker control that you can recommend?

Thanks.
Gonzalo

[Alexander Valchev]

Hello Gonzalo,

I assume the issue occurs because by default the value binding will not parse JavaScript objects into the required format. For more information please check this forum thread:

• http://www.telerik.com/forums/date-inputs-and-data-binding

In the thread you will find example for date and dateTime inputs. You may follow the same approach to build time custom binding.

Regards,
Alexander Valchev
Telerik

 

 

[Gonzalo]

Thanks for the reply Alexander.

I tried the approach suggested on the link you provided but the problem is that the "change" callback is never invoked, so my view model is never updated with the user-entered data.

Do you know why that callback is not being invoked?

[Petyo]

Hello Gonzalo,

can you please post your current implementation in a Dojo? We will review it and help you further. Thank you in advance.

Regards,
Petyo
Telerik

 

 

[Gonzalo]

This is what I have: http://dojo.telerik.com/omACI

FYI, I'm working on a mobile application.

[Alexander Valchev]

Hi Gonzalo,

The init method of the binder is missing. In the init method you should bind to the change event of the input and call the change method of the binder.
Please see the updated example:

• http://dojo.telerik.com/@valchev/icEmA

Regards,
Alexander Valchev
Telerik

 

 

[Gonzalo]

That was it. It's working now.

Thanks a lot for your help Alex.

-
Gonzalo