Jquery：在IE和FF上添加日期的日期選擇器

Question

我使用多日期選擇器創建了一個表單。

我有一個問題，日期選擇器不工作在Firefox和IE（只在鉻）。

所以我用https://bootstrap-datepicker.readthedocs.org/en/latest/

它完美的IE和FF，但我有一個另一個問題。當我點擊它時，我有一個按鈕「添加日期」，新日期沒有日期選擇器。

這裏是我的代碼：

 <div class="form-group">    
     <label class="col-md-4 control-label" for="dispo">Action :</label> 
     <div class="row"> 
      <div class="col-md-4"> 
       <input type="button" value="Add date" onClick="addRow('dataTable')" class="btn btn-success"/> 
       <input type="button" value="Delete date" onClick="deleteRow('dataTable')" class="btn btn-danger" /> 
      </div> 
     </div> 
    </div> 
    <!-- Dates --> 
    <div class="form-group"> 
     <label class="col-md-4 control-label" for="table">Date :</label> 
     <div class="col-md-4"> 
      <table id="dataTable" class="form" border="0"> 
       <tbody> 
        <tr>  
         <td><input type="checkbox" required="required" name="chk[]" checked="checked" /></td> 
         <td> 
          <input type="date" required="required" name="BX_DATE[]" id="test" class="form-control input-md" min="2015-10-07"> 
         </td> 
         <td> 
         <!-- Heures --> 
          <label>from</label> 
         </td> 
         <td> 
          <select class="form-control input-md" name="BX_HOURBEGIN[]" id="BX_HOURBEGIN[]"> 
           <option value="08:00">08:00</option><option value="09:00">09:00</option><option value="10:00">10:00</option><option value="11:00">11:00</option><option value="12:00">12:00</option><option value="13:00">13:00</option><option value="14:00">14:00</option><option value="15:00">15:00</option><option value="16:00">16:00</option><option value="17:00">17:00</option><option value="18:00">18:00</option><option value="19:00">19:00</option><option value="20:00">20:00</option><option value="21:00">21:00</option><option value="22:00">22:00</option><option value="23:00">23:00</option>  
          </select>        
         </td> 
         <td> 
          <label>to</label> 
         </td> 
         <td> 
          <select class="form-control input-md" name="BX_HOUREND[]" id="BX_HOUREND[]"> 
           <option value="08:00">08:00</option><option value="09:00">09:00</option><option value="10:00">10:00</option><option value="11:00">11:00</option><option value="12:00">12:00</option><option value="13:00">13:00</option><option value="14:00">14:00</option><option value="15:00">15:00</option><option value="16:00">16:00</option><option value="17:00">17:00</option><option value="18:00">18:00</option><option value="19:00">19:00</option><option value="20:00">20:00</option><option value="21:00">21:00</option><option value="22:00">22:00</option><option value="23:00">23:00</option>  
          </select> 
         </td> 
        </tr> 
       </tbody> 
      </table> 
     </div> 
    </div> 

和JavaScript

 <script> 
     if ($('#test')[0].type != 'date') $('#test').datepicker(); 
     </script> 

下面是一個演示鏈接：http://lestortues.ninja/test/

嘗試它在Internet Explorer/Firefox中，當您添加多個一個日期，日期選擇器不起作用。

我嘗試添加功能我添加的按鈕，重新加載JavaScript，但它不工作...

你有一個想法？

謝謝！

Answer 1

我發現我自己，如果它可以幫助別人：

`$('#cmd').click(function(){ 
$('#content').append('<br>a datepicker <input   class="datepicker_recurring_start"/>'); 
}); 
$('body').on('focus',".datepicker_recurring_start", function(){ 
$(this).datepicker(); 
});` 

http://jsfiddle.net/SJ7bJ/98/