Question

我有一个相当令人沮丧的问题，一页上可用的DatePicker的最大数量似乎是二十。我找不到任何涉及此的文件。

如果我有一个包含100个文本框的页面，并执行以下操作：

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

然后前20个文本框具有DatePicker，但是，当您选择一个输入框之后，DatePicker会弹出日期的第二十个输入框。

这是在IE7下完成的。有什么想法吗？

Answer 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>

Answer 2

代码受制于NDA（不像秘密服务NDA那样，它与工作相关的NDA;））因此我无法显示ACTUAL代码，但我可以说它是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个。

jQuery DatePickers的最大数量

2 个答案: