使用多个日期选择器进行计算

Question

我有一个包含18个bootstrap datepicker的表，每个都有用于我的目的。月份的设置格式为：12 febreo 2018，每个月都有一个linkField，我用它来计算选择日期后获得的linkField日期之间的差异。页面加载时显示的另一个日期。我使用时刻js来改变现状。

计算是完美的但我的问题是我使用18个选择器页面需要9秒才能加载，我如何处理日期选择器，或者使用它们以使页面加载更快的最佳方式是什么？ / p>

<table>
  <tr>
    <td>Day 1 </td>
    <td>
      <div class="input-group date form_date"  data-date-format="dd MM yyyy" >
        <input type="text"  class="form-control"  readonly >
      </div>
      <input  id="mirror_f1"  type="hidden"> 
      <input type="text" value="07 February 1989">
      <input  id="mirror_f2" value="1989-02-07"  type="hidden"> 
      <span><i>Day difference :</span>
    </td>
 </tr>
 <!--//17 more rows
  .
  .
  .
 -->
</table>
<script>
  $('.form_date').datetimepicker({
    weekStart: 1,
    todayBtn:  1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 2,
    minView: 2,
    forceParse: 0,
    linkField: "mirror_f1",
  });
  //17 more selectors
</script>