jQuery-ui datepicker范围问题

时间:2012-03-20 20:41:37

标签: jquery-ui jquery-ui-datepicker

我有2个输入框;一个用于开始日期,另一个用于结束日期。我需要的是,当用户选择第一个日期时,第二个日期应自动切换到第一个日期的月份。我使用以下脚本;每当我选择过去的日期时,第二个框会弹出今天的日期。

有什么想法吗?

由于

$(function() {
    var dates = $( "#from, #to" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        changeYear: true,
        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 个答案:

答案 0 :(得分:1)

解决问题的一种方法可能是每当用户更改第一个值时,将第二个值与第一个值一起更改。这可以通过在onSelect函数末尾添加几行来实现。

if ( this.id == "from" ) {
    dates.not( this ).datepicker( "setDate", date );
}

工作示例http://jsfiddle.net/5gbpA/