Question

我正在尝试使用多个DatePicker（来自jquery ui）并使用knockout.js设置值

问题是，任何输入日期文本始终只更新第一个输入日期，而正确的功能应该是每个日历更新自己的控件

$(function () {
    $(".ExpiredDate").datepicker({
        dateFormat: 'dd-MM-yyyy',
        changeYear: true,
        changeMonth: true
    });
});

html就是这样：

<div data-bind="foreach: Sectors">
   <input id="date" style="width: 120px!important;" maxlength="10" style="width: 80px;" data-bind="value: ExpiredDate, datepicker: ExpiredDate" />
</div>

有些想法？

Answer 1

错误是输入中有'id'标记。删除它，它会工作。

<div data-bind="foreach: Sectors">
   <input style="width: 120px!important;" maxlength="10" style="width: 80px;"     data-bind="value: ExpiredDate, datepicker: ExpiredDate" />
 </div>

这是一个工作解决方案的jsfiddle：http://jsfiddle.net/ktpGr/#update （请注意，在这个小提琴中不遵守日期格式）

Knockout js多个数据绑定updat只有1个输入日历

1 个答案: