Question

我有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 );
        }
    });
});

感谢任何能指出正确方向的人！

Answer 1

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

基于您的HTML，我正在使用类date

迭代输入

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

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

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

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

将带有日期范围的jQuery datepicker放置到各种输入

1 个答案: