jquery - 多个 jquery ui 日期选择器出现问题

Question

我有一个 jquery ui datepicker 工作正常。我现在正在添加第二个文本框(具有开始日期和结束日期)，当我在第二个文本框内单击时，会弹出第一个文本框的日期选择器下拉列表(而不是第二个文本框)。

有没有人见过这个或知道有多个日期选择器时的任何其他怪癖:

这是我的代码:

JavaScript:

<script type="text/javascript">
    $(document).ready(function () {
        $('#startDate').datepicker({ dateFormat: 'dd M yy' } );
        $('#endDate').datepicker({ dateFormat: 'dd M yy' } );
    });
</script>

html:

<label>Date Range: Start  <%= Html.TextBox("StartDate", Model.StartDate.ToString("dd-MMM-yyyy"), new Dictionary<string, object> { { "id", "startDate" }, { "maxlength", 12 }, { "size", 12 } })%> End  <%= Html.TextBox("EndDate", Model.EndDate.ToString("dd-MMM-yyyy"), new Dictionary<string, object> { { "id", "endDate" }, { "maxlength", 12 }, { "size", 12 } })%> </label>

生成(从查看源代码)

 Start  <input class="hasDatepicker" id="startDate" maxlength="12" name="StartDate" size="12" value="01-Jan-0001" type="text">

End  <input class="hasDatepicker" id="endDate" maxlength="11" name="EndDate" size="11" value="01-Jan-0001" type="text"> 

Answer 1

这个答案现在已经过时了，OP已经编辑了他的问题。

不要使用“hasDatepicker”作为类名，它由 JQuery 内部使用，你自己使用它会把事情搞砸。只需重命名类名就可以了。