2009-01-22 115 views
2

我有一個相當令人沮喪的問題,一個頁面上可用的DatePicker的最大數量似乎是二十。我找不到任何涉及此的文檔。jQuery DatePicker的最大數量

如果我有100個文本框的網頁,並做了以下內容:

$(document).ready(function() { 
    $(".datepicker").datepicker({ duration: '', dateFormat: 'dd/mm/yy' }); 
}); 

然後第20個文本框已在DatePicker的,然而,當你選擇一個輸入框後的DatePicker的彈出在第二十個輸入框中輸入日期。

這是在IE7下完成的。有任何想法嗎?

+0

你可以發佈測試片段嗎?正如提到的其他答案,似乎在Firefox上工作正常 – rajasaur 2009-01-22 16:05:19

回答

1

我在Ubuntu的Firefox 3下測試了以下代碼,並且所有的文本框都有一個與它關聯的DatePicker。恕我直言,不應該有任何限制。你可以在你的設置上測試我的代碼,看看它是否有效?

<html> 
<head> 
<script type='text/javascript' src='jquery.js'></script> 
<script type='text/javascript' src='date.js'></script> 
<script type='text/javascript' src='jquery.datePicker.js'></script> 
<link rel='stylesheet' type='text/css' href='datePicker.css' /> 
</head> 
<body> 
<form> 
<input type='text' class='asdf' name='test1' id='text1' /> 
<input type='text' class='asdf' name='test2' id='text2' /> 
<input type='text' class='asdf' name='test3' id='text3' /> 
<input type='text' class='asdf' name='test4' id='text4' /> 
<input type='text' class='asdf' name='test5' id='text5' /> 
<input type='text' class='asdf' name='test6' id='text6' /> 
<input type='text' class='asdf' name='test7' id='text7' /> 
<input type='text' class='asdf' name='test8' id='text8' /> 
<input type='text' class='asdf' name='test9' id='text9' /> 
<input type='text' class='asdf' name='test10' id='text10' /> 
<input type='text' class='asdf' name='test11' id='text11' /> 
<input type='text' class='asdf' name='test12' id='text12' /> 
<input type='text' class='asdf' name='test13' id='text13' /> 
<input type='text' class='asdf' name='test14' id='text14' /> 
<input type='text' class='asdf' name='test15' id='text15' /> 
<input type='text' class='asdf' name='test16' id='text16' /> 
<input type='text' class='asdf' name='test17' id='text17' /> 
<input type='text' class='asdf' name='test18' id='text18' /> 
<input type='text' class='asdf' name='test19' id='text19' /> 
<input type='text' class='asdf' name='test20' id='text20' /> 
<input type='text' class='asdf' name='test21' id='text21' /> 
<input type='text' class='asdf' name='test22' id='text22' /> 
</form> 
<script type="text/javascript"> 

$(document).ready(function() { 
    $(".asdf").datePicker({ duration: '', dateFormat: 'dd/mm/yy' }); 
}); 

</script> 
</body> 
</html> 
+0

我懷疑這是Firefox下的問題。可能是一個IE7問題,畢竟,動畫在IE7下無法正常工作。 – Kezzer 2009-01-29 13:49:11

0

的代碼是受NDA(不作爲祕密服務NDA,如,它是與工作相關的NDA)),所以我不能顯示實際的代碼,但是我可以說,它的一部分一個自動生成字段的XSLT頁面。

我有像這樣

<input class="datepicker" name="{UNIQUE}-date" type="text" /> 
<a href="javascript:MyFunctionCall('linktype', '{UNIQUE}')">go</a> 

這樣一個輸入,一個表單提出我所知道的唯一的字段一旦與「-date」標識我後修復它,可從取回數據HTML輸入字段。 MyFunctionCall只是提交兩個表單值,這樣在我的代碼中我可以檢查表單值「linktype」,這樣我就知道該如何處理表單提交。區分不同的類型表單在同一表單中提交有點麻煩。

如前所示:

$(document).ready(function() { 
    $(".datepicker").datepicker({ duration: '', dateFormat: 'dd/mm/yy' }); 
}); 

這樣,它得到所有這些都對該類類型的輸入。

編輯正如我所說,這是對許多領域,大約100共計。