【发布时间】:2016-08-23 18:03:10
【问题描述】:
我在 jqueryUI 对话框中有一个表单,其中包含从 KnockoutJS observableArray 填充的日期列表。
<tbody data-bind="foreach: $root.selectedListOfDates">
<tr><td><input type="text" data-bind="datepicker: DueDate" /></td></tr>
</tbody
我的问题是,当我加载一个包含日期列表的新对象时,输入框中日期的原始值会被当前日期覆盖(我假设加载 Jquery 日期选择器时)。
这是我的日期选择器绑定:
ko.bindingHandlers.datepicker = {
init: function(element, valueAccessor, allBindingsAccessor) {
var options = allBindingsAccessor().datepickerOptions || {},
$el = $(element);
//initialize datepicker with some optional options
$el.datepicker(options);
//handle the field changing
ko.utils.registerEventHandler(element, "change", function() {
var observable = valueAccessor();
observable($el.datepicker("getDate"));
});
//handle disposal (if KO removes by the template binding)
ko.utils.domNodeDisposal.addDisposeCallback(element, function() {
$el.datepicker("destroy");
});
},
update: function(element, valueAccessor) {
var value = ko.utils.unwrapObservable(valueAccessor()),
$el = $(element),
current = $el.datepicker("getDate");
if (value - current !== 0) {
$el.datepicker("setDate", value);
}
}
};
【问题讨论】:
标签: jquery-ui knockout.js