将 Keith Wood Datepicker 添加到动态淘汰列表答案

【问题标题】：Add Keith Wood Datepicker to Dynamic Knockout List将 Keith Wood Datepicker 添加到动态淘汰列表
【发布时间】：2013-05-20 23:16:31
【问题描述】：

我正在尝试将 Keith Wood 日期选择器添加到淘汰赛动态列表我在这里创建了一个 JS Fiddle：http://jsfiddle.net/ELTfx/5/

我为每个创建的输入框创建了一个唯一的 ID：

淘汰赛：

self.departureDateUniqueID=ko.observable("depDate"+ counter++);
self.departureDateUniqueIDHash = ko.computed(function () {
        return "'#" + self.departureDateUniqueID() + "'";
    });

HTML：

            <td><input data-bind="value: departureDate,attr: { 'id': departureDateUniqueID }" /></td>

然后，每次在列表中创建新条目时，我都会尝试将日期选择器绑定到对象：

    // Operations
    self.addSeat = function() {
    var seat = new SeatReservation("", self.availableMeals[0]);
    self.seats.push(seat);
    alert (seat.departureDateUniqueIDHash());

    $(seat.departureDateUniqueIDHash()).datepick({
        autoSize: true, defaultDate: 0, selectDefaultDate: true,
        onSelect: function (dates) {
            var minDate = dates[0];
            seat.departureDate($.datepick.formatDate(minDate));
        }
    });
}

唉，但是它不起作用。我收到错误未捕获的错误：语法错误，无法识别的表达式：'#depDate0'

我猜 JQuery 还没有在它的 DOM 中得到它。

现在我用谷歌搜索了这个，各种帖子都推荐了 On 子句。但我不知道如何在这里使用它。

感谢任何提示！

【问题讨论】：

这是标题中的自动更正错误，还是前爱尔兰橄榄球国际队真的写了一个日期选择器？
不同的基思伍德！ keith-wood.name/datepick.html

标签： jquery knockout.js datepicker selectlist

【解决方案1】：

我猜... 你在创建 id 时有不必要的 '...

self.departureDateUniqueIDHash = ko.computed(function () {
        return "#" + self.departureDateUniqueID() + "";
    });

见DEMO

【讨论】：