У меня есть загрузочный виджет выбора даты, который отлично работает с Knockout: т.е. я могу выбрать дату, и модель корректно обновляется. Однако я не могу изначально указать дату, когда я впервые инициализирую свою модель.
Вот мой HTML:
<div class="controls">
<input type="text" class="datepicker" data-date-format="dd-mm-yyyy" data-bind="datepicker: someDate" />
<div data-bind="text: someDate"></div>
And the corresponding JavaScript:
var self = this;
$('.datepicker').datepicker();
ko.bindingHandlers.datepicker = {
init: function(element, valueAccessor, allBindingsAccessor) {
//initialize datepicker with some optional options
var options = allBindingsAccessor().datepickerOptions || {};
$(element).datepicker(options);
//when a user changes the date, update the view model
ko.utils.registerEventHandler(element, "changeDate", function(event) {
var value = valueAccessor();
if (ko.isObservable(value)) {
value(event.date);
}
});
},
update: function(element, valueAccessor) {
var widget = $(element).data("datepicker");
//when the view model is updated, update the widget
if (widget) {
widget.date = ko.utils.unwrapObservable(valueAccessor());
widget.setValue();
}
}
}; // end KO binding datepicker
function AppViewModel() {
self.someDate = ko.observable(new Date('01/01/2004'));
}
// Activates knockout.js
ko.applyBindings(new AppViewModel());
И соответствующий JSFiddle: http://jsfiddle.net/philcms1/0mftjtk4/2/
Как заполнить виджет при первой привязке модели?
value: someDate
в моей привязке. Если вы опубликуете это как ответ, я приму это. - person Phil   schedule 16.09.2014