jQuery Максимальное количество DatePickers - PullRequest
Новая
       10

jQuery Максимальное количество DatePickers

2 голосов
/ 22 января 2009

У меня довольно неприятная проблема, когда максимальное число доступных DatePicker на одной странице, кажется, двадцать. Я не могу найти никаких документов, ссылающихся на это.

Если бы у меня была страница с 100 текстовыми полями, и я сделал следующее: 

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

Тогда первые 20 текстовых полей имеют DatePicker, однако, когда вы выбираете поле ввода, после этого DatePicker появляется напротив двадцатого поля ввода даты.

Это делается под IE7. Есть идеи?

Ответы [ 2 ]

1 голос
/ 22 января 2009

Я тестировал следующий код в Firefox 3 в Ubuntu, и все текстовые поля были связаны с 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 голосов
/ 23 января 2009

Код подчиняется 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 в целом.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...