我正在玩knockout.js来添加和删除表单中的字段.到目前为止它工作正常,但我需要一个datepicker选项,所以我使用了jQuery的UI datepicker.这有效,但仅限于第一个datepicker,而不是其他任何地方.因此,每当我点击"添加"时,我会获得新字段,但没有日期选择器.
我用google搜索并连接了StackExchange,但没有找到复制字段的解决方案.
HTML
<table data-bind='visible: beschikkingen().length > 0'>
<thead>
<tr>
<th>Beschikkingsdatum</th>
<th>Beschikkingsnr</th>
<th />
</tr>
</thead>
<tbody data-bind='foreach: beschikkingen'>
<tr>
<td><input name="beschikkingsdatum[]" type="text" class="beschikkingsdatum" value="" data-bind='value: beschikkingsdatum, uniqueName: true' /> </td>
<td><input class='required number' data-bind='value: beschikkingsnummer, uniqueName: true' /></td>
<td><a href='#' data-bind='click: $root.removebeschikking'>Delete</a></td>
</tr>
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)
Knockout.JS
var beschikkingModel = function(beschikkingen) {
var self = this;
self.beschikkingen = ko.observableArray(beschikkingen);
self.addbeschikking = function() {
self.beschikkingen.push({
beschikkingsdatum: "",
beschikkingsnummer: ""
});
};
self.removebeschikking = function(beschikking) {
self.beschikkingen.remove(beschikking);
};
self.save …Run Code Online (Sandbox Code Playgroud)