javascript - 如何在 中加载以下上下文的 datapicker？

Question

在上面的代码中，我想添加包含 id 的输入字段的日期选择器日期选择器。

为此，我在 document.ready() 函数中使用了以下 js 代码

$("tbody#docTab").click(function() {
    var row = $(this).closest('tr');
    row.find('#datepicker').removeClass('hasDatepicker').datepicker();        
});

但是我在单击输入字段时没有出现日期选择器，我在这段代码中错过了什么？先进的感谢。

Answer 1

为 html 中的每个元素分配唯一的 id，这里 id 是重复的 - 而不是为多个输入框分配相同的 id - 我建议将类 "datepicker" 添加到您想要的每个输入添加日期选择器:

<td>
   <input  type="text" name="sdate[]" class="datepicker" value="0000-00-00" />
</td>
<td>
   <input  type="text" name="edate[]" class="datepicker" value="0000-00-00" />
</td>

在 jquery 中:

$("tbody#docTab").click(function({
  $('.datepicker').removeClass('hasDatepicker').datepicker();  // you can directly add datepicker using its class name      
});