jQuery 最大日期选择器数量答案

【问题标题】：jQuery Maximum Amount Of DatePickersjQuery 最大日期选择器数量
【发布时间】：2010-10-02 22:45:16
【问题描述】：

我有一个相当令人沮丧的问题，其中一页上可用的 DatePicker 的最大数量似乎是 20。我找不到任何与此相关的文档。

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

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

那么前 20 个文本框都有 DatePicker，但是，当您选择一个输入框后，DatePicker 会针对日期的第 20 个输入框弹出。

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

【问题讨论】：

你能发布一个测试sn-p吗？正如提到的另一个答案，似乎在 Firefox 上运行良好

标签： jquery datepicker

【解决方案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>

【讨论】：

我怀疑这是 Firefox 下的问题。可能是 IE7 的问题，毕竟在 IE7 下动画对他们来说无法正常工作。

【解决方案2】：

代码受保密协议约束（不像秘密服务保密协议，因为它是与工作相关的保密协议；））所以我不能显示实际代码，但是我可以说它是 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 个。

【讨论】：