使用选择框，文本框和Twitter Bootstrap日历添加新行

Question

这就是我要做的事情：

1. 有一个添加按钮，它将添加一个带有作者姓名的行（这将从数据库中获取），百分比级别（文本框）和Bootstrap日历（使用Twitter Bootstrap）
2. 将所有值发布到下一页，即process.php，它将存储在数据库中。

我目前的代码：

$(document).ready(function () {
    var counter = 1;
    $("#add_row").click(function () {
        new_elem = $("#addr_template").clone().appendTo("#container tbody")
                   .show().attr("id", "addr" + counter);
        counter += 1;
    });
});

现在，使用上面的代码（小提琴）我可以通过点击按钮添加多行，我有两个问题：

1. 引导程序日历在jQuery AJAX加载（按钮单击）中不起作用。
2. 所有值都没有发布到下一页。

Fiddle

Answer 1

在再次添加行之后，我已经包含了datepicker初始化。

$(document).ready(function () {
    var counter = 1;
    $("#add_row").click(function () {
        new_elem = $("#addr_template").clone().appendTo("#container tbody").show().attr("id", "addr" + counter);
        counter += 1;
        $('#datepicker.input-daterange').datepicker({
            format: "yyyy-mm-dd",
            todayBtn: "linked",
            autoclose: true,
            todayHighlight: true
        });
    });
});

Fiddle

Answer 2

更新Fiddle - 问题＃1

$('#datepicker.input-daterange').datepicker({...});

在克隆表格行之后，也应该实现datepicker代码。在您的代码中，动态生成的行永远不会绑定到datepicker函数。