var i = 0;
$('#newPeriod').click(function(){
i++;
//增加一行
var html =' <div class="panel"><div class="panel-heading dark">'+
' <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse'+i+'">场次</a>'+
' <a class="fa fa-times" style="margin-left: 85%" href="javascript:;" οnclick="deleteLine(this)"></a></div> '+
' <div id="collapse'+i+'" class="panel-collapse collapse">'+
' <div class="panel-body"> '+
' <div class="form-group">'+
' <label class="col-sm-3 control-label"><span class="hong">*</span>场次:</label>'+
' <div class="col-sm-9">'+
' <input type="text" id="periodNum" name="hdPeriods['+(i-1)+'].periodNum" placeholder="输入场次" class="form-control">'+
' </div>'+
'</div>'+
' <div class="form-group"> ' +
' <label class="col-sm-3 control-label"><span class="hong">*</span>活动时间:</label> '+
' <div class="col-sm-9"> '+
' <div class="col-sm-6" style="padding-left: 0px;"> '+
' <input type="text" id="time1'+i+'" name="hdPeriods['+(i-1)+'].startDate" placeholder="开始时间" readonly class="form_datetime_day form-control"> '+
' </div> '+
' <div class="col-sm-6" style="padding-left: 0px;" > '+
' <input type="text" id="time2'+i+'" name="hdPeriods['+(i-1)+'].endDate" placeholder="结束时间" readonly class="form_datetime_day form-control " > '+
' </div> '+
' '+
' </div> '+
'</div> '+
' <div class="form-group"> '+
' <label class="col-sm-3 control-label"><span class="hong">*</span>报名时间:</label> '+
' <div class="col-sm-9"> '+
' <div class="col-sm-6" style="padding-left: 0px;"> '+
' <input type="text" id="time3'+i+'" name="hdPeriods['+(i-1)+'].joinStart" placeholder="开始时间" readonly class="form_datetime_day form-control"> '+
' </div> '+
' <div class="col-sm-6" style="padding-left: 0px;" > '+
' <input type="text" id="time4'+i+'" name="hdPeriods['+(i-1)+'].joinEnd" placeholder="结束时间" readonly class="form_datetime_day form-control " > '+
' </div> '+
' </div> '+
'</div> '+
' <div class="form-group"> '+
' <label class="col-sm-3 control-label"><span class="hong">*</span>报名人数:</label> '+
' <div class="col-sm-9"> '+
' <div class="col-sm-6" style="padding-left: 0px;"> '+
' <input type="text" class="form-control" id="hdMin" name="hdPeriods['+(i-1)+'].hdMin" placeholder="人数下限" > '+
' </div> '+
' <div class="col-sm-6" style="padding-left: 0px;" > '+
' <input type="text" class="form-control"id="hdMax" name="hdPeriods['+(i-1)+'].hdMax" placeholder="人数上限" > '+
' </div> '+
' </div> '+
'</div> '+
' </div></div></div>';
$('#accordion2').append(html);
//时间插件失效
//$('#datetimepicker').datetimepicker(); //绑定时间插件
for(var j = 1 ;j<=i; j++){
$('#time1'+j).datepicker({format: 'yyyy-mm-dd'});
$('#time2'+j).datepicker({format: 'yyyy-mm-dd'});
$('#time3'+j).datepicker({format: 'yyyy-mm-dd'});
$('#time4'+j).datepicker({format: 'yyyy-mm-dd'});
}
bootstarp 时间插件 在使用append追加后 时间插件 不生效 需要重新绑定 下是代码
最新推荐文章于 2024-08-18 10:28:23 发布