Javascript 禁用JQuery日历的以前日期

我正在使用4个日期选择器日历，我想禁用上一个选定日期的日期。。我从JQuery日期选择器那里得到了一些想法，但是对于2个日期选择器来说很好，但是我必须使用4个日期选择器。因此，如果有人有解决方案，请与我分享。。 对于两个日期选择器，代码如下：

$(function() {
    var dates = $( "#txt1, #txt2" ).datepicker({
        minDate:0,
        maxDate:"+1Y",
        defaultDate: "+1w",
        dateFormat:'dd-mm-yy',
        numberOfMonths: 3,
        onSelect: function( selectedDate ) {
            var option = this.id == "txt1" ? "minDate" : "maxDate",
                instance = $( this ).data( "datepicker" ),
                date = $.datepicker.parseDate(
                    instance.settings.dateFormat ||
                    $.datepicker._defaults.dateFormat, selectedDate, instance.settings );
            dates.not( this ).datepicker( "option", option, date );
        }
    });
});

---

如果您的文本输入有

id

的

txt1

到

txt4

，那么像这样简单的操作就可以了：

onSelect: function(date) {
    for(var i = 0; i < dates.length; ++i) {
        if(dates[i].id < this.id)
            $(dates[i]).datepicker('option', 'maxDate', date);
        else if(dates[i].id > this.id)
            $(dates[i]).datepicker('option', 'minDate', date);
    }
}

然后，您只需确保初始选择器，

$（“#第一，#第二，#第三，#第四”）

将输入按正确的从左到右顺序进行

---

演示：

如果您的文本输入有

id

的

txt1

到

txt4

，那么像这样简单的操作就可以了：

onSelect: function(date) {
    for(var i = 0; i < dates.length; ++i) {
        if(dates[i].id < this.id)
            $(dates[i]).datepicker('option', 'maxDate', date);
        else if(dates[i].id > this.id)
            $(dates[i]).datepicker('option', 'minDate', date);
    }
}

然后，您只需确保初始选择器，

$（“#第一，#第二，#第三，#第四”）

将输入按正确的从左到右顺序进行

---

演示：

很棒的演示。谢谢这就是我想要的。很棒的演示。谢谢这就是我要找的。