2

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

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

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

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

这是在 IE7 下完成的。有任何想法吗？

4

2 回答 2

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>
于 2009-01-22T15:58:37.420 回答
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 个。

于 2009-01-23T11:50:57.730 回答