bootstarp 时间插件 在使用append追加后 时间插件 不生效 需要重新绑定 下是代码

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'});

}


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值