【问题标题】:Jqueryui - Datepicker - Date range offsetJqueryui - Datepicker - 日期范围偏移
【发布时间】:2012-04-18 09:44:50
【问题描述】:

我正在使用 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 格式)

我不知道,任何帮助将不胜感激

【问题讨论】:

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


    【解决方案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 );
                }
            });
        });
    

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

    【讨论】:

      猜你喜欢
      • 2020-01-13
      • 1970-01-01
      • 1970-01-01
      • 2013-11-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-09-23
      • 1970-01-01
      相关资源
      最近更新 更多