2009-01-22 107 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共计。