添加带有复选框、文本框和Twitter引导日历的新行

Question

​

​

这就是我想做的：

1. 有一个add按钮，它将添加带有作者名称的行(这将从数据库中获取)、百分比级别(文本框)和引导日历(使用Twitter引导)
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;
    });
});

现在，使用上面的代码(fiddle)，只要单击按钮，我就可以添加多个行，我有两个问题：

1. 引导日历在jQuery AJAX加载中无法工作(单击按钮)。
2. 所有的值都不会被发到下一页。

小提琴

Answer 1

在再次添加行之后，我已经包括了数据报警器初始化。

$(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
        });
    });
});

小提琴

Answer 2

更新您的小提琴 -问题#1

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

还应该在克隆表行之后实现数据报童代码。在您的代码中，动态生成的行从未绑定到datepicker函数。