JQuery datepicker不会在所有字段中加载

Question

我正在尝试在两个文本字段中加载JQuery DatePicker，因此我使用以下代码

$(function() {
     $('#DOB, #SignupDate').datepicker();
});

以下是两个字段的HTML：

<div class="field field_input">
<label for="DOB">D.O.B</label>
<input type="text" name="DOB" value="">
</div>

<div class="field field_input">
<label for="SignupDate">Signup Date</label>
<input type="text" name="SignupDate" value="">
</div>

它在DOB字段中正好加载，但它没有在SignupDate字段中加载。有人可以告诉我这里缺少什么以及如何解决它？

感谢您的时间

Answer 1

您尝试选择#DOB和#SignupDate。

 $('#DOB, #SignupDate')

这意味着通过id DOB和SignupDate获取元素，但是你没有id =“DOB”的元素 ID = “SignupDate”

所以请使用

<input type="text" id="DOB" name="DOB" value="">        //<- note id="DOB"
<input type="text" id="SignupDate" name="SignupDate" value=""> //<- note id="SignupDate"

Answer 2

您的输入需要id属性。有两个原因：

1. 在您的jQuery代码中，#表示id选择器，而不是name选择器。
2. 标签上的for属性应与另一个元素的id属性相对应，而不是name属性。

鉴于这可能是一种表单，您仍然希望保留name属性，但您可能只想要匹配的id属性。