Jquery UI 日期选择器日期范围 6 个月限制答案

【问题标题】：Jquery UI date picker Date range 6 month LimitJquery UI 日期选择器日期范围 6 个月限制
【发布时间】：2012-05-05 20:56:56
【问题描述】：

我正在使用 jQuery ui 日期选择器（日期范围）我想将其限制为 6 个月

var dates = $("#availability_date_from, #availability_date_to").datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 1,
        minDate:'0',

        yearRange:'c-18:c',

        onSelect: function( selectedDate ) {

            var option = this.id == "availability_date_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 );


            if(this.id == "availability_date_to"){

                commonJSComplete(this.value,'availability_date_to');
                $('#responsecontainer').load('profilemeter.php');
            }
            else if(this.id == "availability_date_from"){
                commonJSComplete(this.value,'availability_date_from');
            }

        }

    });

【问题讨论】：

标签： jquery-ui datepicker

【解决方案1】：

试试：


var dates = $("#availability_date_from, #availability_date_to").datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 1,
        minDate:'0',
        maxDate: '+6m',   //add this
.....

【讨论】：

如果解决了您的问题，您可以将其标记为已接受的答案
它给出的问题就像我选择了从日期 05/01/2012 开始计算 6 个月，但它限制为 10/25/2012.. 它应该允许我从 10/31/ 中选择日期2012..

【解决方案2】：

您可以从所选日期获取月/日/年，然后相应地更改值。我需要一个条件，即用户只需要从日期选择器中选择最多 6 个月。 So when to_date is selected then I will set minimun from date to a value that is 6 months below the selected to_date.试试这个，让我知道:)

$( "#txtFromDate" ).datepicker({
    dateFormat: 'yy-mm-dd',
    changeMonth: true,
    changeYear: true,
    onSelect: function( selectedDate ) {
        $( "#txtToDate" ).datepicker( "option", "minDate", selectedDate );
    }
});
$( "#txtToDate" ).datepicker({
    dateFormat: 'yy-mm-dd',
    changeMonth: true,
    changeYear: true,
    onSelect: function( selectedDate , instance) {

        var minDate = $.datepicker.parseDate(instance.settings.dateFormat, selectedDate, instance.settings)
        minDate.setMonth(minDate.getMonth() - 6);
        $( "#txtFromDate" ).datepicker( "option", "minDate", minDate );
    }
});

【讨论】：