Jqueryui - Datepicker - 日期范围偏移量

时间:2012-04-04 16:21:07

标签: java jquery-ui datepicker offset date-range

我正在使用jqueryUI datepicker作为预订表单。 这是来自datepicker的日期范围

的几乎完整的代码
$(function() {
    var dates = $( "#from, #to" ).datepicker({
        dateFormat: 'dd-mm-yy',
        minDate: "+0D",
        defaultDate: "+0D",
        changeMonth: true,
        numberOfMonths: 1,
        onSelect: function( selectedDate ) {
            var option = this.id == "from" ? "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 );
        }
    });
});

现在的工作方式:当我在第一个框中选择日期时,第二个框上的最小日期会自动在该日期设置。

我希望它能够搬到第二天。

说我在第一个方框中选择1/1/2010,我希望第二个方框上的第一个可用日期是2/1/2010(d / m / yyyy格式)

我无法弄明白,任何帮助都将不胜感激

1 个答案:

答案 0 :(得分:1)

修改后的代码:

$(function() {
        var dates = $( "#from, #to" ).datepicker({
            dateFormat: 'dd-mm-yy',
            minDate: "+0D",
            defaultDate: "+0D",
            changeMonth: true,
            numberOfMonths: 1,
            onSelect: function( selectedDate ) {
                var option = this.id == "from" ? "minDate" : "maxDate",
                    instance = $( this ).data( "datepicker" ),
                    date = $.datepicker.parseDate(
                        instance.settings.dateFormat ||
                        $.datepicker._defaults.dateFormat,
                        selectedDate, instance.settings );
                this.id == "from" ? date.setDate(date.getDate()+1) : date.setDate(date.getDate()-1);
                dates.not( this ).datepicker( "option", option, date );
            }
        });
    });

在设置this.id == "from" ? date.setDate(date.getDate()+1) : date.setDate(date.getDate()-1);mindate之前添加maxdate