Question

我有一个jquery ui datepicker工作正常。我现在正在添加第二个（具有开始日期和结束日期），当我在第二个文本框内单击时，弹出第一个文本框的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内部使用并自己使用它会使事情变得混乱。只需重命名班级名称即可。

Answer 2

我想出了问题：事实证明

<label>

标签位于两个日期选择器周围，当我删除

时

<label>

标记它现在有效。

有多个jquery ui datepickers的问题

2 个答案: