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

Jquery datepicker插件只适用于第一个文本框,而不适用于第二个文本框,jquery,html,Jquery,Html,我有jquery datepicker插件,它在第一个文本框上运行良好。您可以单击它,日历将弹出。现在我该如何在第二个文本框上进行签名?因此,当点击时,它也会弹出窗口 Jquery函数: $(function() { $("#datepicker").datepicker({dateFormat: 'dd/mm/yy'}); }); Html输入框: <input type="text" id="datepicker" /> 页面中不能使用重复的id。给每个人一个不同的i

我有jquery datepicker插件,它在第一个文本框上运行良好。您可以单击它,日历将弹出。现在我该如何在第二个文本框上进行签名?因此,当点击时,它也会弹出窗口

Jquery函数:

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

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

页面中不能使用重复的id。给每个人一个不同的id,然后像这样呼叫-

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

您不能在页面中使用重复的id。给每个人一个不同的id,然后像这样呼叫-

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

创建一个如下所示的类

$(".test").datepicker({dateFormat: 'dd/mm/yy'}); });
只需添加一个类即可应用于输入文本

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

创建一个如下所示的类

$(".test").datepicker({dateFormat: 'dd/mm/yy'}); });
只需添加一个类即可应用于输入文本

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

它不能处理第二个元素的原因可能是您为第二个输入指定了与第一个相同的ID,请改用类:

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

<input type="text" class="datepicker" />
<input type="text" class="datepicker" />
$(函数(){
$(“.datepicker”).datepicker({dateFormat:'dd/mm/yy'});
});

它不能处理第二个元素的原因可能是您为第二个输入指定了与第一个相同的ID,请改用类:

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

<input type="text" class="datepicker" />
<input type="text" class="datepicker" />
$(函数(){
$(“.datepicker”).datepicker({dateFormat:'dd/mm/yy'});
});

你认为它会起作用吗?当您单击两个文本框时,将显示日期选择器,但当您使用该类时,该值将保留在第一个文本框中,因此最好使用两个不同的ID。您认为它是否有效?当您单击两个文本框时,将显示日期选择器,但当您使用该类时,该值将保留在第一个文本框中,因此最好使用两个不同的ID