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.

Your goal is unclear. Please give a fuller explanation. – masonk Dec 14 '13 at 15:40 — masonk, Dec 14 '13 at 15:40

score 0 · Accepted Answer · answered Dec 14 '13 at 16:16

0

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.

answered Dec 14 '13 at 16:16

PW Kad

14,953
7
49
82

Then just look for one - http://stackoverflow.com/questions/13629910/jquery-ui-datepicker-with-knockout-js – PW Kad Dec 14 '13 at 16:42

Selected date from datepicker in knockout js

1 Answers1