문제
한 페이지에있는 최대 날짜 파이커의 최대 횟수가 20 인 것처럼 보이는 다소 실망스러운 문제가 있습니다. 이것을 언급하는 문서를 찾을 수 없습니다.
100 개의 텍스트 상자가있는 페이지가 있고 다음을 수행 한 경우 :
$(document).ready(function() {
$(".datepicker").datepicker({ duration: '', dateFormat: 'dd/mm/yy' });
});
그런 다음 처음 20 개의 텍스트 상자에는 DatePicker가 있습니다. 그러나 그 후 입력 상자를 선택하면 DatePicker가 20 대 입력 상자에 대해 팝업됩니다.
이것은 IE7에 따라 수행되고 있습니다. 어떤 아이디어?
해결책
Ubuntu에서 Firefox 3에서 다음 코드를 테스트했으며 모든 텍스트 상자에는 DatePicker와 관련된 DatePicker가있었습니다. IMHO 제한은 없어야합니다. 설정에서 내 코드를 테스트하고 작동하는지 확인할 수 있습니까?
<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>
다른 팁
이 코드는 NDA (비밀 서비스 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' });
});
이렇게하면 해당 클래스 유형이있는 모든 입력이 발생합니다.
편집하다 내가 말했듯이, 이것은 많은 분야에 대한 것입니다.