添加新行＆＃39; timepicker＆＃39;不起作用。怎么解决它？

Question

HTML

<span class="questions">Your Date of birth: </span>
	<input type="date" placeholder="DOB"/><br>
<span class="questions">Which Country You Are In:</span>
	<select> 
		<option selected disabled>Select Country</option>
		<option>India</option>
	</select><br>
<span class="questions">In which University You Are In:</span>
	<select> 
		<option selected disabled>Select University</option>
		<option>AKTU</option>
	</select><br>
<span class="questions">In which College You Are In:</span>
	<select> 
		<option selected disabled>Select Your College</option>
		<option>Raj kumar Goel Institute of Technology, Ghaziabad (RKGIT)</option>
	</select><br>
<span class="questions">Your Mobile Number: </span>
	<input type="tel" placeholder="Mobile Number"/><br>
<div align="center"> <button class="btn">Proceed to Feeds.</button><div>

的Javascript

<div class="form-group addTable" style="padding:10px 10px">
 <div id="addrow"><input name="button" type="button" class="add-holidays-row  btn-md btn-primary pull-left" value="Add New Holiday Row"/></div>
  <table width="100%" border="0" cellspacing="2" cellpadding="2" class="table-condensed table-striped table-bordered">
 <tbody id="addHolidaysRow"><tr>
  <td align="center" class="delete-holidays-row"  title="Remove"><i style="color:#FF0000; cursor:pointer;" class="glyphicon glyphicon-remove"></i></td><td><textarea name="events[]" id="remarks" cols="" rows="1"></textarea</td>
    <td><input name="start_date[]" type="text" class="form-control date-picker" placeholder="Select Date" data-date-format="yyyy-mm-dd" autocomplete="off" id=""></td>
  <td><input name="end_date[]" type="text" class="form-control date-picker" placeholder="Select Date" data-date-format="yyyy-mm-dd" autocomplete="off" id=""  ></td>
  <td>
  <div class="input-group bootstrap-timepicker">
   <input  name="start_time[]" class="form-control timepickerinput" type="text">
   <span class="input-group-addon"> <i class="fa fa-clock-o bigger-110"></i> </span> 
  </div>
  </td>
 <td>
  <div class="input-group bootstrap-timepicker">
  <input  name="end_time[]" class="form-control timepickerinput" type="text">
  <span class="input-group-addon"> <i class="fa fa-clock-o bigger-110"></i> </span> 
   </div>
  </td>
   <td>
   <select name="status[]" id="" class="form-control" >
   <option value="Active" selected="selected">Active</option>
   <option value="Inactive" >Inactive</option>
   </select>
   </td>
  </tr></tbody>
  </table>
</div>

Time Picker仅适用于第一行。当我添加即时新行时，新的时间选择器在没有第一行的情况下不起作用。怎么解决它？