jquery - Jquery datepicker 插件仅适用于第一个文本框，而不适用于第二个

Question

我有 jquery datepicker 插件，它在第一个文本框上运行良好。您可以单击它，日历将弹出。现在我该如何在第二个文本框上执行此操作？这样当点击它时，它也会弹出弹出窗口？

jQuery函数：

    $(function() {
$("#datepicker").datepicker({dateFormat: 'dd/mm/yy'});
});

html输入框：

<input type="text" id="datepicker" />

Answer 1

创建一个如下所示的类

$(".test").datepicker({dateFormat: 'dd/mm/yy'}); });

只需添加一个类即可应用于输入文本。

<input type="text" id="datepicker" class="test"/>
<input type="text" id="datepicker2" class="test"/>

Answer 2

您不能在页面中使用重复的 ID。给每个人一个不同的ID，然后像这样调用 -

$('#datepciker1, #datepicker2').datepicker(....

Answer 3

它不适用于第二个元素的原因可能是因为您为第二个输入提供了与第一个相同的 ID - ID 应该是唯一的，请改用一个类：

$(function() {
  $(".datepicker").datepicker({dateFormat: 'dd/mm/yy'});
});

<input type="text" class="datepicker" />
<input type="text" class="datepicker" />