jQuery с несколькими datepicker

Question

У меня есть динамическая форма. Теперь, когда сгенерированный вход, есть 2 datepicker (FromDate, ToDate), и вы можете генерировать многие из этих входов буксировки.

Входной пришел так:

<input type="text" class="input-date displayDate complexField" name="Course[FromDate][1]" value="" /> 

<input type="text" class="input-date displayDate complexField" name="Course[ToDate][1]" value="" /> 

Каждый вход будет генерировать JQuery для DatePicker, как это:

$(document).ready(function() { 
    {/literal}$(".input-date").datepicker({literal}{ 
     dateFormat: dFormat, 
     showOn: 'button', 
     changeMonth: true, 
     changeYear: true, 
     minDate: new Date(1940, 1 - 1, 1), 
     maxDate: '+10y', 
     yearRange: '-99:+99', 
     onSelect: function(selected) { 
        $("[name^='Course[FromDate]']").datepicker("option","maxDate", selected)}); 
        $("[name^='Course[ToDate]']").datepicker("option","minDate", selected)}); 
       } 

    }); 

Теперь все работает нормально, вы можете добавить много эти два входа и все они с datepicker.

Единственная проблема заключается в:

Опция onSelect отлично работает, только если у вас есть только первый элемент (FromDate и Todate) ToDate не может быть больше, чем FromDate и наоборот,

Но когда я добавляю другие elemnts, которые будут:

<input type="text" class="input-date displayDate complexField" name="Course[FromDate][2]" value="" /> 

<input type="text" class="input-date displayDate complexField" name="Course[ToDate][2]" value="" /> 

onSelect будет работать неправильно, он будет работать 4 вместе, мне нужно, чтобы он работал с элементами только с индексом массива (1), а в элементах с номером индекса (2) работал один и т. Д.

Пожалуйста, мне советы по этому вопросу ...

Answer 1

Используйте этот код и попробуйте Агинского

$('document').ready(function(){ 
    $('.input-date').on('click',function(){ 
    $(this).datepicker({literal}{ 
     dateFormat: dFormat, 
     showOn: 'button', 
     changeMonth: true, 
     changeYear: true, 
     minDate: new Date(1940, 1 - 1, 1), 
     maxDate: '+10y', 
     yearRange: '-99:+99', 
     onSelect: function(selected) { 
        $("[name^='Course[FromDate]']").datepicker("option","maxDate", selected)}); 
        $("[name^='Course[ToDate]']").datepicker("option","minDate", selected)}); 
       } 
}); 
});