MVVM Binding

[Jay]

I have a date field:

     <input name="myDate" type="date" data-bind="value: myDate, click: getDate" />

I'm doing this because the version of Android webkit doesn't have a datepicker and acts like a text field. The getDate function opens a dialog box to capture the date and updates the date field to simulate user input:

     $(currentField).val(yyyy+"-"+mm+"-"+dd);

The new date value is reflected onscreen on the page.

However, the new date value doesn't reflect on the view model.

Any ideas why? Is there a binding conflict? How do I avoid it?

Thanks.

[Alexander Valchev]

Hi Jay,

In order to update both the input and ViewModel you should change the value in the ViewModel through the set method. For example:

viewModel.set("myDate", yyyy+"-"+mm+"-"+dd);

An alternative approach is to set the input value and manually triggers its change/input event in order to force the MVVM to update the ViewModel.

Regards,
Alexander Valchev
Telerik

 

 

[Jay]

Thanks. I triggered the change event via $(currentField).change() and that worked like a charm!