Javascript 单击按钮时添加新的日期选择器输入字段

我有一个按钮，在单击add按钮时添加一个新的引导日期选择器输入字段

我面临的问题是，当添加新的引导日期选择器输入字段时，它不允许我选择日期，并且新添加的引导日期选择器输入字段的大小与第一个输入字段的大小不同

$（文档）.ready（函数（）{
var计数器=2；
$（“#addBtn”）。单击（函数（）{
var newRowDiv=$（document.createElement（'div'））.attr（“类”，“行”）；
var newStartDateLabel=$（document.createElement（'div'））.attr（“类”，“col-md-2”）；
var newStartDateInput=$（document.createElement（'div'））.attr（“类”，“col-md-2”，“输入组”，“输入日期范围”）；
newStartDateLabel.appendTo（newRowDiv）；
newStartDateLabel.after（）.html（“开始日期”+计数器）；
newStartDateInput.insertAfter（newStartDateLabel）.html（“请查看以下代码。具体更改位置为：

 var newStartDateInput = $(document.createElement('div'))
                  .attr("class", 'col-md-2 input-group input-daterange');

及

var dateText=$（''）；
newStartDateInput.insertAfter（newStartDateLabel）.html（dateText）；
dateText.datepicker（）；//在新添加的文本字段上初始化datepicker



$（文件）
.准备好了吗(
函数（）{
var计数器=2；
$（“#添加BTN”）
.点击(
函数（）{
var newRowDiv=$(
文件
.createElement（'div'））
.attr（“类”、“行”）；
var newStartDateLabel=$(
文件
.createElement（'div'））
.attr（“类”，“col-md-2”）；
var newStartDateInput=$(
文件
.createElement（'div'））
.attr（“类”，“col-md-2输入组输入日期范围”）；
新闻开始日期标签
.appendTo（newRowDiv）；
newStartDateLabel.after（）.html(
“开始日期”+计数器）；
var dateText=$（''）；
新闻开始日期输入
.插入者(
新闻开始日期标签）
.html（日期文本）；
dateText.datepicker（）；//在新添加的文本字段上初始化datepicker
newRowDiv.附件（“容器”）；
计数器++；
});
});
开始日期1
添加
$（'.input daterange input'）。每个（函数（）{
$（此）.datepicker（“clearDates”）；
});
您能格式化您的代码吗？
var dateText = $('<input id="startDate' + counter + '" name="startDate' + counter + '" type="text" class="form-control" >');
newStartDateInput.insertAfter(newStartDateLabel).html(dateText);
dateText.datepicker(); //initializing the datepicker on newly added text field