1

默认情况下，如果我们说

{minDate: 4}

在选项中，选择的最短日期将从Today开始四天。

将来是否可以更改date()要设置的内容？

所以，假设我们有第二个日期选择器，但我们希望第二个日期假设今天是在前一个日期选择器元素中设置的日期。我们会说这是05/03/2020

有什么方法可以将下一个日期选择器输入设置为就好像那天一样，这样我就可以使用{minDate: 4}它，它会调整与先前选择的日期相关的设置？

也许是这样的：

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

可能解释得更好一点：

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

4

3 回答 3

1

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

编辑：还将 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"});
});
于 2013-05-24T02:38:03.203 回答
1

我仍然不确定我是否明白了，但要在另一个日期选择器之前五天设置 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，但可以将其删除。

于 2013-05-24T02:38:30.117 回答
0

尝试这个

  $( ".date_to_do_something" ).datepicker( "setDate", "05/03/2020" );
于 2013-05-24T01:43:15.677 回答