невозможно показать поле вставки для типа даты в JavaScript и HTML

Question

У меня есть страница сетки данных, которая позволяет вставлять новые записи. В сетке один столбец имеет тип даты. этот столбец сам по себе не включает поля ввода данных. остальные столбцы в порядке, как видно на скриншоте ниже. Подсвеченное желтым поле даты отображается только и показывает дату, и я не могу вставить сюда какую-либо запись данных.

Теперь вот часть HTML. Я ожидаю, что поле ввода INS_DTPICKER_DATE будет пустым полем ввода данных, и это не так.

<!-- Effective Date -->
        <!-- Effective Date -->
<td>
   <span id="disp_eff_date"><?php echo date("m/d/Y",strtotime($row_wbs['EFFECTIVE_DATE'])); ?></span>
   <div class="form-group" style="display: none;" id="edit_eff_date_<?php echo $row_wbs['WBS_ID']; ?>">
      <input type = "text" class="form-control small form_datetime" required id="DTPicker_Date<?php echo $row_wbs['WBS_ID']; ?>" name="DTPicker_Date<?php echo $row_wbs['WBS_ID']; ?>" value ="<?php echo date("m/d/Y",strtotime($StartDate)); ?>" style="display: none; width:auto;">
      <input type = "text" class="form-control requirefieldcls small form_datetime"  required id="ins_DTPicker_Date" name="ins_DTPicker_Date" value ="">
      <span class="inp-icons"><i class="fa fa-calendar"></i></span>
   </div>
</td>

Вот код Javascript.

$("#cmdActivate").click(function() {    

   for(i=1;i<=20;i++)
   {

         $("#disp_SEGMENT_"+i).css("display", "none");
         $("#ins_SEGMENT"+i).css("display", "block");

   }
         $("#edit_eff_date_h).css("display", "block");
         $("#ins_DTPicker_Date").css("display", "block");
         $("#DTPicker_Date").css("display", "block");

         $("#ACTIVE_FLAG"+i).attr("disabled",false);
         $("#ACTIVE_FLAG"+i).attr("checked",false);