有多個jquery ui datepickers的問題

我有一個jquery ui datepicker工作正常。我現在添加第二個（有開始日期和結束日期），當我點擊第二個文本框內的第一個文本框的日期選擇器下拉列表彈出（而不是第二個）。有多個jquery ui datepickers的問題

有沒有人看到了這一點或具有多個datepickers當知道任何其他的怪癖：

這裏是我的代碼：

的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">

來源

2010-08-02 leora

我想通了這個問題：事實證明，在

<label>

標籤是圍繞這兩個日期選取器，當我刪除了

<label>

標籤現在的工作。

來源

2010-08-02 22:28:07 leora

這個答案現在比OP編輯他的問題已經過時了。

不要使用「hasDatepicker」作爲類名，它由JQuery在內部使用並自己使用它。只需重命名類名，你就會好起來的。

來源

2010-08-02 21:56:23 KeatsPeeks

+1 - 這個在這裏演示 - http://jsfiddle.net/Unmth/ – 2010-08-02 22:01:06

這不是問題。我更新了問題，因爲我沒有添加該類名。我現在顯示什麼HTML我實際使用和生成什麼 – leora 2010-08-02 22:09:35

@Russ凸輪 - 它似乎像jquery ui堅持在該類=「hasDatePicker」 – leora 2010-08-02 22:25:05

有多個jquery ui datepickers的問題

回答

相關問題