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="" />

每个Input都会为datepicker生成jQuery，如下所示：

$(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，反之亦然，

但是当我添加其他元素时：

<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

使用此代码并尝试使用agin

  $('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)});
                }
});
});

带有多个datepicker的jQuery

1 个答案: