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。给每个人一个不同的身份，然后像这样打电话 -

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

Answer 3

它没有处理第二个元素的原因是因为你可能已经给第二个输入提供了与第一个相同的ID - ID's should be unique，而是使用一个类：

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

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

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

3 个答案: