0

我有 6 个不同的输入字段。它们中的每一个都成对分组。

他们来了：

<input name="fecha-in" type="text" id="from" size="40" height="25" class="date" />
<input name="fecha-fin" type="text" id="to" size="40" height="25" class="date" />
<input name="tfecha-in" type="text" id="from1" size="40" height="25" class="date" />
<input name="tfecha-fin" type="text" id="to1" size="40" height="25" class="date" />
<input name="bfecha-in" type="text" id="from2" size="40" height="25" class="date" />
<input name="bfecha-fin" type="text" id="to2" size="40" height="25" class="date" />

在这六个上，我需要添加带有日期范围的 jQuery datepicker。我可以让它在一对上工作，但我不知道如何将相同的代码添加到所有 3 对上。任何帮助将不胜感激。

这是我的 jQuery：

$(function() {
    $( "#from" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 3,
        onClose: function( selectedDate ) {
            $( "#to" ).datepicker( "option", "minDate", selectedDate );
        }
    });

    $( "#to" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 3,
        onClose: function( selectedDate ) {
            $( "#from" ).datepicker( "option", "maxDate", selectedDate );
        }
    });
});

感谢任何可以为我指明正确方向的人！

4

1 回答 1

1

这是现场演示：http: //jsfiddle.net/MMMQn/1/

以您的 HTML 为基础，我正在使用类迭代输入date

jQuery(".date").each(function(index, value) {
    ...    
}

然后我决定现在是哪一对（对于第一个没有额外的 ID 标识符，其余的它会上升）：

var inputId = (index === 0) ? "" : index.toString();

最后，我将此inputId字符串添加到 jQuery 选择器并绑定您提供的代码。

于 2012-10-25T18:44:59.270 回答