Javascript 为每行选择日期选择器弹出窗口不出现

我的表格中有一个表（其中有多行）用于第一行输入，单击hijiri日期选择器弹出窗口显示，但用于其他输入 行输入单击日期选择器弹出窗口不出现

这是我的密码

<table class="table"  id="tableId">
<thead>
<tr>
 <th colspan="2" style="text-align:center">Card Expiry</th>
</tr>

</thead>
<tbody>
<tr ng-repeat="IQ in IQGridUpdates">
<td>
<div>
<input type="text" class="form-control"  id="CardExpH1Date"  on-click="showCal2();" maxlength="12"  ng-model=IQ.CardExpH1Date/>
</div>
</td>
</tr>
</tbody>
 </table>



<script type="text/javascript">

function showCal2() {
$('#CardExpH1Date').calendarsPicker({
 calendar: $.calendars.instance('islamic'),
dateFormat: 'dd/mm/yyyy'
});
}


</script>

信用卡到期
函数showCal2（）{
$（“#CardExpH1Date”）.calendarsPicker({
日历：$.calendars.instance（'islamic'），
日期格式：“dd/mm/yyyy”
});
}

每行使用的ID应该是唯一的。在HTML中迭代数组时，请确保输入元素的id属性具有唯一值

它应该如下所示，现在每个输入元素都将拥有一个唯一的ID，因此每个触发器将调用函数

<tbody>
  <tr ng-repeat="IQ in IQGridUpdates">
   <td>
    <div>
      <input type="text" class="form-control"  **id="CardExpH1Date_{{$index}}"**  on-click="showCal2();" maxlength="12"  ng-model=IQ.CardExpH1Date/>
    </div>
   </td>
  </tr>
</tbody>

---

您需要为每个输入类型提供不同的

id

。假设IQ中有一个独特的数据，比如

IQ.id

something

<table class="table"  id="tableId">
<thead>
<tr>
 <th colspan="2" style="text-align:center">Card Expiry</th>
</tr>

</thead>
<tbody>
<tr ng-repeat="IQ in IQGridUpdates">
<td>
<div>
<input type="text" class="form-control"  id="IQ.id"  on-click="showCal2(IQ.id);" maxlength="12"  ng-model=IQ.CardExpH1Date/>
</div>
</td>
</tr>
</tbody>
 </table>



<script type="text/javascript">

function showCal2(id) {
$('#id').calendarsPicker({
 calendar: $.calendars.instance('islamic'),
dateFormat: 'dd/mm/yyyy'
});
}


</script>

信用卡到期
函数showCal2（id）{
$（'#id'）.calendarsPicker({
日历：$.calendars.instance（'islamic'），
日期格式：“dd/mm/yyyy”
});
}

我不明白这个代码是什么意思，我认为这是胡说八道。如果需要日期选择器输入，只需输入代码

<script>
    $('#CardExpH1Date').calendarsPicker({
     calendar: $.calendars.instance('islamic'),
dateFormat: 'dd/mm/yyyy'
});
</script>

$（“#CardExpH1Date”）.calendarsPicker({
日历：$.calendars.instance（'islamic'），
日期格式：“dd/mm/yyyy”
});

并删除代码中的“单击”。 在这种情况下不必使用“onclick”，因为jQuery日历日期选择器支持它

---

不起作用，日期选择器弹出窗口不起作用，日期选择器弹出窗口不起作用你是否在我推荐的链接中包括：和？不起作用，日期选择器弹出窗口不起作用你能发布你尝试过的吗，是否已将索引添加到ID属性中？请删除Jquery代码以在showCal2函数中触发此日历选择器，因为该ID将不再存在。只需使用oncall事件函数并触发日历选取器不工作，日期选取器弹出窗口无法获取