设置日期选择器以认为这是未来的一天

Question

默认情况下，如果我们输入

{minDate: 4}

选项中的

，最小选择的日期将从今天四天。

将来是否可以更改要设置的date() ?

因此，假设我们有第二个日期选择器，但我们希望第二个日期假设Today是前一个日期选择器元素中设置的日期。我们说它是05/03/2020

是否有任何方法可以将下一个日期选择器输入设置为当天，以便我可以使用{minDate: 4}，它将根据先前选择的日期调整设置?

也许像这样:

$('.date_to_do_something').eq(1).datepicker({
   setTheDate : '05/03/2020',
   minDate : 5,
   maxDate: 10
})

可能解释得更好一点:

默认情况下，日期选择器知道今天是几号，并应用自定义选项，即{minDate:5}与今天相关。我想更改第二个日期选择器的Today，以便它认为前一个字段中设置的日期是今天。因此，如果我们将其设置为05/03/2020，下一个日期选择器将具有05/08/2020的最小日期，我希望这是有意义的!

Answer 1

是，添加日期选择器，以便第二个日期选择器相对于第一个日期更新-使用on close事件，

edit:也将to的默认日期设置为+5d，以满足必须提前5天开始的要求

看

http://jsfiddle.net/sz6jN/2/

HTML

<label for="from">From</label>
<input type="text" id="from" name="from" />
<label for="to">to</label>
<input type="text" id="to" name="to" />

脚本

$(function() {
$( "#from" ).datepicker({
  changeMonth: true,
  minDate: "+0d",
  onClose: function( selectedDate ) {
      var minDate = $.datepicker.parseDate('mm/dd/yy', selectedDate);
      minDate.setDate(minDate.getDate() + 5);                    
      $( "#to" ).datepicker( "option", "minDate", minDate);          
  }
});
$( "#to" ).datepicker({minDate : "+5d"});
});

Answer 2

我仍然不确定我是否理解它，但是要将minDate设置为比另一个日期选择器早五天，您可以这样做:

$(function() {
    $("#from_date").datepicker({
        minDate   : 5,
        onSelect: function() {
            var minDate = $(this).datepicker('getDate');
            minDate.setDate(minDate.getDate()+5);
            $("#to_date").datepicker( "option", "minDate", minDate);
        }
    });
    $("#to_date").datepicker({
        minDate: (function() {
            var minDate = $("#from_date").datepicker('getDate');
            minDate.setDate(minDate.getDate()+5);
            return minDate;
        }())
    });
}); 

小提琴

当在第一个日期选择器中选择日期时，这也会自动更新minDate，但是可以删除。

Answer 3

try this

  $( ".date_to_do_something" ).datepicker( "setDate", "05/03/2020" );