jQuery الحد الأقصى لمقدار DatePickers

StackOverflow https://stackoverflow.com/questions/469629

  •  19-08-2019
  •  | 
  •  

سؤال

أواجه مشكلة محبطة إلى حد ما حيث يبدو أن الحد الأقصى لعدد DatePicker المتاح في صفحة واحدة هو عشرين.لا يمكنني العثور على أي وثائق تشير إلى هذا.

إذا كانت لدي صفحة تحتوي على 100 مربع نص، وقمت بما يلي:

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

ثم تحتوي أول 20 مربعًا نصيًا على DatePicker، ومع ذلك، عند تحديد مربع إدخال بعد ذلك، ينبثق DatePicker مقابل مربع الإدخال العشرين للتاريخ.

ويتم ذلك تحت IE7.أيه أفكار؟

هل كانت مفيدة؟

المحلول

واختبرت البرمجية التالية ضمن فايرفوكس 3 على أوبونتو، وكان كل من مربعات النص منتقي التاريخ المرتبطة به. 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 المتعلق بالعمل؛) ) لذا لا يمكنني إظهار الرمز الفعلي، ومع ذلك يمكنني القول إنه جزء من صفحة 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 منها إجمالاً.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top