Jquery 如何使用时间选择器创建动态文本框

我在一个应用程序中工作，在这个应用程序中，我必须生成多个文本框，并且我需要在其中添加时间选择器。现在在我的应用程序中，我可以动态创建多个文本框。但是我不能将时间选择器放在上面。这是我的代码

$(function () {
$("#btnAdd").bind("click", function () {
    var div = $("<div />");
    div.html(GetDynamicTextBox(""));
    $("#TextBoxContainer").append(div);
});
$("#btnGet").bind("click", function () {
    var valuesarr = new Array();   
    var phonearr = new Array();  
    var phonearr1 = new Array(); 
    $("input[name=DynamicTextBox]").each(function () {
        valuesarr.push($(this).val());
        $('#DynamicTextBox').val(valuesarr);
    });
    $("input[name=phoneNum]").each(function () {
        phonearr.push($(this).val());
        $('#phoneNum').val(phonearr);
    });

    $("input[name=phoneNum1]").each(function () {
        phonearr1.push($(this).val());
        $('#phoneNum1').val(phonearr1);
    });

    alert(valuesarr); alert(phonearr);alert(phonearr1);
});

$("body").on("click", ".remove", function () {
    $(this).closest("div").remove();
});

});


function GetDynamicTextBox(value) {
   return '<input name = "DynamicTextBox" type="text" value = "' + value + '" />&nbsp;<input id="myPicker" class="time" type="text" />&nbsp;<input name = "phoneNum1" type="text" /><input type="button" value="Remove" class="remove" />';
}

$（函数（）{
$（“#btnAdd”）.bind（“单击”，函数（）{
var div=$（“”）；
div.html（GetDynamicTextBox（“”）；
$（“#TextBoxContainer”）.append（div）；
});
$（“#btnGet”）.bind（“单击”，函数（）{
var valuesarr=新数组（）；
var phonearr=新数组（）；
var phonearr1=新数组（）；
$（“输入[name=DynamicTextBox]”）。每个（函数（）{
valuesarr.push（$（this.val（））；
$（#DynamicTextBox'）.val（valuesarr）；
});
$（“输入[name=phoneNum]”）。每个（函数（）{
phonearr.push（$（this.val（））；
$（'phoneNum'）.val（phonearr）；
});
$（“输入[name=phoneNum1]”）。每个（函数（）{
phonearr1.push（$（this.val（））；
$（'#phoneNum1'）.val（phonearr1）；
});
警报（valuesarr）；警报（phonearr）；警报（phonearr1）；
});
$（“正文”）。在（“单击”，“删除”，函数（）{
$（this）.closest（“div”）.remove（）；
});
});
函数GetDynamicTextBox（值）{
返回“”；
}

这是小提琴，我想在第二和第三个框中添加两个计时器选择器

有人请帮忙使用这个：

$（“#myPicker”）.timepicker（）//在添加时单击添加此项。如果您愿意创建多个时间选择器，请更好地使用类。您可以使用：
$（“.time”）.timepicker（），其中时间是附加到输入字段的类。
$（函数（）{
$（“#btnAdd”）.bind（“单击”，函数（）{
var div=$（“”）；
div.html（GetDynamicTextBox（“”）；
$（“#TextBoxContainer”）.append（div）；
//$（“#myPicker”）.timepicker（）；//添加此
$（“.time”）.timepicker（）；
});
$（“#btnGet”）.bind（“单击”，函数（）{
var valuesarr=新数组（）；
var phonearr=新数组（）；
var phonearr1=新数组（）；
$（“输入[name=DynamicTextBox]”）。每个（函数（）{
valuesarr.push（$（this.val（））；
$（#DynamicTextBox'）.val（valuesarr）；
});
$（“输入[name=phoneNum]”）。每个（函数（）{
phonearr.push（$（this.val（））；
$（'phoneNum'）.val（phonearr）；
});
$（“输入[name=phoneNum1]”）。每个（函数（）{
phonearr1.push（$（this.val（））；
$（'#phoneNum1'）.val（phonearr1）；
});
警报（valuesarr）；警报（phonearr）；警报（phonearr1）；
});
$（“正文”）。在（“单击”，“删除”，函数（）{
$（this）.closest（“div”）.remove（）；
});
});
函数GetDynamicTextBox（值）{
返回“”；
}

使用以下方法：
$（“#myPicker”）.timepicker（）//在添加时单击添加此项。如果您愿意创建多个时间选择器，请更好地使用类。您可以使用：
$（“.time”）.timepicker（），其中时间是附加到输入字段的类。
$（函数（）{
$（“#btnAdd”）.bind（“单击”，函数（）{
var div=$（“”）；
div.html（GetDynamicTextBox（“”）；
$（“#TextBoxContainer”）.append（div）；
//$（“#myPicker”）.timepicker（）；//添加此
$（“.time”）.timepicker（）；
});
$（“#btnGet”）.bind（“单击”，函数（）{
var valuesarr=新数组（）；
var phonearr=新数组（）；
var phonearr1=新数组（）；
$（“输入[name=DynamicTextBox]”）。每个（函数（）{
valuesarr.push（$（this.val（））；
$（#DynamicTextBox'）.val（valuesarr）；
});
$（“输入[name=phoneNum]”）。每个（函数（）{
phonearr.push（$（this.val（））；
$（'phoneNum'）.val（phonearr）；
});
$（“输入[name=phoneNum1]”）。每个（函数（）{
phonearr1.push（$（this.val（））；
$（'#phoneNum1'）.val（phonearr1）；
});
警报（valuesarr）；警报（phonearr）；警报（phonearr1）；
});
$（“正文”）。在（“单击”，“删除”，函数（）{
$（this）.closest（“div”）.remove（）；
});
});
函数GetDynamicTextBox（值）{
返回“”；
}

使用以下方法：
$（“#myPicker”）.timepicker（）//在添加时单击添加此项。如果您愿意创建多个时间选择器，请更好地使用类。您可以使用：
$（“.time”）.timepicker（），其中时间是附加到输入字段的类。
$（函数（）{
$（“#btnAdd”）.bind（“单击”，函数（）{
var div=$（“”）；
div.html（GetDynamicTextBox（“”）；
$（“#TextBoxContainer”）.append（div）；
//$（“#myPicker”）.timepicker（）；//添加此
$（“.time”）.timepicker（）；
});
$（“#btnGet”）.bind（“单击”，函数（）{
var valuesarr=新数组（）；
var phonearr=新数组（）；
var phonearr1=新数组（）；
$（“输入[name=DynamicTextBox]”）。每个（函数（）{
valuesarr.push（$（this.val（））；
$（#DynamicTextBox'）.val（valuesarr）；
});
$（“输入[name=phoneNum]”）。每个（函数（）{
phonearr.push（$（this.val（））；
$（'phoneNum'）.val（phonearr）；
});
$（“输入[name=phoneNum1]”）。每个（函数（）{
phonearr1.push（$（this.val（））；
$（'#phoneNum1'）.val（phonearr1）；
});
警报（valuesarr）；警报（phonearr）；警报（phonearr1）；
});
$（“正文”）。在（“单击”，“删除”，函数（）{
$（this）.closest（“div”）.remove（）；
});
});
函数GetDynamicTextBox（值）{
返回“”；
}

使用以下方法：
$（“#myPicker”）.timepicker（）//在添加时单击添加此项。如果您愿意创建多个时间选择器，请更好地使用类。您可以使用：
$（“.time”）.timepicker（），其中时间是附加到输入字段的类。
$（函数（）{
$（“#btnAdd”）.bind（“单击”，函数（）{
var div=$（“”）；