如何在日期选择器中设置3个月的日期范围？ [英] How to set 3 months date range in date picker?

问题描述

我从日期到现在为止。我想将我的maxDate设置为3个月取决于从日期选择。如果用户从日期01-01-2014选择，#to maxDate应该是从日期开始的3个月，如（01-04-2014）。

  $（function（）{
 $（＃from）。datepicker（{
 minDate：dateToday，
 changeMonth：true，
 dateFormat：'dd-mm-yy'，
 
 onClose：function（selectedDate）{
 $（＃to）。datepicker（option，minDate，selectedDate ）; 
} 
}）; 
 $（＃to）。datepicker（{
 minDate：dateToday，
 changeMonth：true，
 dateFormat：'dd-mm-yy'，
 maxDate：selectedDate ++ 3M，//我想设置条件像这样
 
 onClose：function（selectedDate）{
 $（＃from）。datepicker（option，maxDate，selectedDate）; 
} 
}）; 
}）; 
  

给我一​​些建议来解决我的问题

解决方案

小提琴演示

  $（function（）{
 $（＃from）。datepicker（{
 minDate：dateToday，
 changeMonth：true，
 dateFormat：'dd-mm-yy'，
 onClose：function（selectedDate，instance）{
 if（selectedDate！=''）{// added这个来解决问题
 $（＃to）。datepicker（option，minDate，selectedDate）; 
 var date = $ .datepicker.parseDate（instance.settings.dateFormat，selectedDate ，instance.settings）; 
 date.setMonth（date.getMonth（）+ 3）; 
 console.log（selectedDate，date）; 
 $（＃to）。datepicker 选项，minDate，selectedDate）; 
 $（＃to）。datepicker（option，maxDate，date）; 
 } 
} 
}）; 
 $（＃to）。datepicker（{
 minDate：dateToday，
 changeMonth：true，
 dateFormat：'dd-mm-yy'，
 onClose：function（selectedDate）{
 $（＃from）。datepicker（option，maxDate，selectedDate）; 
} 
}）; 
}）; 
  

I have from date and to date here. I want to set my maxDate to 3 months depends on the from date selection. If the user select from date 01-01-2014, #to maxDate should be next 3 months based on the from date, like (01-04-2014).

$(function () {
    $("#from").datepicker({
        minDate: "dateToday",
        changeMonth: true,
        dateFormat: 'dd-mm-yy',

        onClose: function (selectedDate) {
            $("#to").datepicker("option", "minDate", selectedDate);
        }
    });
    $("#to").datepicker({
        minDate: "dateToday",
        changeMonth: true,
        dateFormat: 'dd-mm-yy',
        maxDate: selectedDate + "+3M", //I want to set condition like this

        onClose: function (selectedDate) {
            $("#from").datepicker("option", "maxDate", selectedDate);
        }
    });
});

give me some suggestion to solve my problem

解决方案

Fiddle DEMO

$(function () {
    $("#from").datepicker({
        minDate: "dateToday",
        changeMonth: true,
        dateFormat: 'dd-mm-yy',
        onClose: function (selectedDate, instance) {
            if (selectedDate != '') { //added this to fix the issue
                $("#to").datepicker("option", "minDate", selectedDate);
                var date = $.datepicker.parseDate(instance.settings.dateFormat, selectedDate, instance.settings);
                date.setMonth(date.getMonth() + 3);
                console.log(selectedDate, date);
                $("#to").datepicker("option", "minDate", selectedDate);
                $("#to").datepicker("option", "maxDate", date);
            }
        }
    });
    $("#to").datepicker({
        minDate: "dateToday",
        changeMonth: true,
        dateFormat: 'dd-mm-yy',
        onClose: function (selectedDate) {
            $("#from").datepicker("option", "maxDate", selectedDate);
        }
    });
});

这篇关于如何在日期选择器中设置3个月的日期范围？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！