2013-06-25 15 views
1

我想有多個的DatePicker(從jQuery UI的),並與knockout.js淘汰賽JS多個數據綁定updat只有1個輸入日曆

的問題是設置的值總是,任何輸入日期文本更新只有第一個輸入日期和正確的功能應該是每個日曆更新自己的控制

$(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> 

一些想法?

+0

如何是你的'datepicker'自定義綁定是什麼樣子?你的視圖模型是怎樣的?爲什麼你需要調用'$(「。ExpiredDate」)。datepicker()'?在你的示例中,你的輸入沒有'ExpiredDate'類... – nemesv

+0

這是一個小錯誤,但不是必須有這條線,但問題總是發生,好像所有的日曆都鏈接到第一個 – MrMins

+0

它將有助於查看視圖模型... – Skyp

回答

2

錯誤是您的輸入中有'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 (注意,日期格式在這個小提琴的不尊重)

+0

謝謝!這樣可行。 – MrMins