jquery - Knockout js多个数据绑定更新仅1个输入日历

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 （请注意，此小提琴中不尊重日期格式）