Datepicker - Set Date

[Vik--]

Hi,

I am using knockout-jqueryui in my SPA application (Hot Towel template). I am able to use the knockout-jqueryui datetime picker on my view, but need help in getting the following:

1. Set the date value.
2. Provide mask characters for users to type in the date in the input text box.

        <input type="text" data-bind="datepicker: {
                                        onSelect: onDOBSelect,
                                        maxDate: maxDate,
                                        defaultDate: defaultDate,
                                        buttonImage: calendarImageUrl,
                                        buttonImageOnly: true,
                                        showOn: 'both',
                                        dateFormat: 'mm/dd/yy'}" />  

The viewmodel has the variables defined thats used in the datepicker.

Thanks in advance.

Vik

[gvas]

Hello,

1. you can use knockout's value binding to update the input's value. Or you can add an observable property named 'widget' to your viewmodel, knockout-jqueryui will write the datepicker instance into it. After that you can use the datepicker's setDate() method.
2. you should write a custom binding handler to apply the mask.

Here's a jsfiddle: http://jsfiddle.net/GRPV2/2/

Regards, G

[Vik--]

Perfect!! Thanks a ton.