如何在里面加载以下上下文的数据导航？

Question

在上面的代码中，我想添加输入字段的datepicker，其中包含id为 datepicker 。

为此，我在document.ready（）func

中使用了以下js代码

$('#facebook').mouseenter(function()
{$('#facebook-menu').removeClass('puffOut').addClass('puffIn magictime');});

$('#facebook-menu').mouseleave(function()
{$('#facebook-   menu').removeClass('puffIn').addClass('puffOut');});

但是当我点击输入字段时，我没有出现日期选择器，我在这段代码上错过了什么？ 高级谢谢。

Answer 1

为html中的每个元素分配唯一ID，这里的ID是重复的 - 而不是将相同的id分配给多个输入框 - 我建议将类"datepicker"添加到要添加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      
});

Answer 2

您不能拥有2个具有相同ID的元素。 请尝试使用课程输入

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

js update：

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