0

我正在尝试在两个文本字段中加载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 字段中没有加载。有人可以告诉我我在这里缺少什么以及如何解决它吗?

谢谢你的时间

4

2 回答 2

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"
于 2013-11-05T15:05:09.430 回答
0

您需要id在输入上有一个属性。两个原因:

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

鉴于这可能是一个表单,您仍然希望保留该name属性,但您可能只需要一个匹配的id属性。

于 2013-11-05T14:41:16.690 回答