Selected date from datepicker in knockout js

Question

My html binding code is:

<input class="input-large" name="EventDate" type="text" placeholder="" tabindex=""
                                required data-bind="datepicker: EventDate, datepickerOptions: {
    changeMonth: false,
    changeYear: false,
    numberOfMonths: 1,
    showButtonPanel: true,
    dateFormat: 'd MM, yy',
    autoSize: true,
    prevText: 'Earlier',
    minDate: new Date(),
    showAnim: 'fold'
}" />

How can i set the value into EventDate = ko.observable() using knockout js view model.

Answer 1

Just create an observable in a view model -

function viewModel() {
    var self = this;
    self.EventDate = ko.observable();
}

ko.applyBindings(new viewModel());

And call that in a document ready event handler of some sort.

You need to make sure to have a datepicker custom binding handler registered also.