在jQuery UI中将第二个日期限制为+日期日期选择器

Question

这被标记为较早的重复，我没有得到任何答案。这不是重复的，所以请不要将它标记为，另一篇文章涉及到限制第二个日期到第一个选择中的当前选定日期，我没有试图这样做，已经有了。我正在尝试将+3天添加到第二个日历/日期。因此，如果我选择今天的第一天和第二天的日期，我不应该从该日期+3天内选择日期。

例：从日期为21/12/2016然后在第二个字段我不能选择然后24/12/2016较早的日期。

我在datepicker中遇到日期范围问题。我需要在选定的“carrental_from_date”后至少3天有“carrental_to_date”，但似乎没有任何工作。

我试图对“TO_DATE”到“+ 3D”，但它并不似乎挑选了改变“的minDate”，我发现这个在这里一个例子：http://jsfiddle.net/jquerybyexample/dxbtp/494/，但我没能拿到工作。不知道我在这里做错了什么，并希望你们中的一位天才能够指引我朝着正确的方向前进。

jQuery('#carrental_from_date' + element_id).datepicker({ 
      //showOn: "both", 
      beforeShow: carrental_customRange, 
      dateFormat: "<?php echo date_format_js(isset($theme_options['date_format']) ? $theme_options['date_format'] : ''); ?>", 
      firstDay: "<?php echo (isset($theme_options['date_format_first_day']) ? (int) $theme_options['date_format_first_day'] : 0); ?>", 
      dayNamesMin: ["<?php echo CarRental::t('Su') ?>", "<?php echo CarRental::t('Mo') ?>", "<?php echo CarRental::t('Tu') ?>", "<?php echo CarRental::t('Wu') ?>", "<?php echo CarRental::t('Th') ?>", "<?php echo CarRental::t('Fr') ?>", "<?php echo CarRental::t('Sa') ?>"], 
      monthNames: ["<?php echo CarRental::t('January') ?>", "<?php echo CarRental::t('February') ?>", "<?php echo CarRental::t('March') ?>", "<?php echo CarRental::t('April') ?>", "<?php echo CarRental::t('May') ?>", "<?php echo CarRental::t('June') ?>", "<?php echo CarRental::t('July') ?>", "<?php echo CarRental::t('August') ?>", "<?php echo CarRental::t('September') ?>", "<?php echo CarRental::t('October') ?>", "<?php echo CarRental::t('November') ?>", "<?php echo CarRental::t('December') ?>"], 
      dayNames: ["<?php echo CarRental::t('Sunday') ?>", "<?php echo CarRental::t('Monday') ?>", "<?php echo CarRental::t('Tuesday') ?>", "<?php echo CarRental::t('Wednesday') ?>", "<?php echo CarRental::t('Thursday') ?>", "<?php echo CarRental::t('Friday') ?>", "<?php echo CarRental::t('Saturday') ?>"], 
      nextText: "<?php echo CarRental::t('Next') ?>", 
      prevText: "<?php echo CarRental::t('Prev') ?>", 
      minDate: 0, 
      onSelect: function() { 
       carrental_update_business_hours(element_id); 
      } 
     }); 

     jQuery('#carrental_to_date' + element_id).datepicker({ 
      //showOn: "both", 
      beforeShow: carrental_customRange, 
      dateFormat: "<?php echo date_format_js(isset($theme_options['date_format']) ? $theme_options['date_format'] : ''); ?>", 
      firstDay: "<?php echo (isset($theme_options['date_format_first_day']) ? (int) $theme_options['date_format_first_day'] : 0); ?>", 
      dayNamesMin: ["<?php echo CarRental::t('Su') ?>", "<?php echo CarRental::t('Mo') ?>", "<?php echo CarRental::t('Tu') ?>", "<?php echo CarRental::t('Wu') ?>", "<?php echo CarRental::t('Th') ?>", "<?php echo CarRental::t('Fr') ?>", "<?php echo CarRental::t('Sa') ?>"], 
      monthNames: ["<?php echo CarRental::t('January') ?>", "<?php echo CarRental::t('February') ?>", "<?php echo CarRental::t('March') ?>", "<?php echo CarRental::t('April') ?>", "<?php echo CarRental::t('May') ?>", "<?php echo CarRental::t('June') ?>", "<?php echo CarRental::t('July') ?>", "<?php echo CarRental::t('August') ?>", "<?php echo CarRental::t('September') ?>", "<?php echo CarRental::t('October') ?>", "<?php echo CarRental::t('November') ?>", "<?php echo CarRental::t('December') ?>"], 
      dayNames: ["<?php echo CarRental::t('Sunday') ?>", "<?php echo CarRental::t('Monday') ?>", "<?php echo CarRental::t('Tuesday') ?>", "<?php echo CarRental::t('Wednesday') ?>", "<?php echo CarRental::t('Thursday') ?>", "<?php echo CarRental::t('Friday') ?>", "<?php echo CarRental::t('Saturday') ?>"], 
      nextText: "<?php echo CarRental::t('Next') ?>", 
      prevText: "<?php echo CarRental::t('Prev') ?>", 
      minDate: 0, 
      onSelect: function() { 
       carrental_update_business_hours(element_id); 
      } 
     }); 

Answer 1

从API为minDate：

最小可选日期。设置为空时，没有最小值。 支持多种类型：

日期：包含最小日期的日期对象。

号码：从今天开始的几天。例如2表示从今天开始的两天，-1表示昨天。

字符串：一个由dateFormat选项或相对日期定义格式的字符串。相对日期必须包含价值和周期对;有效期间为“y”多年，“m”数月，“w”数周，“d”数日。例如，“+ 1m + 7d”表示从今天起一个月零七天。

我会建议String方法：+3d。在“发件人”字段中选择日期时，可以将该值设置为“收件人”字段的日期。

工作例如从你的例子：http://jsfiddle.net/dxbtp/871/

jQuery的

$(document).ready(function() { 
    $("#txtFromDate").datepicker({ 
    onSelect: function(selected) { 
     $("#txtToDate").datepicker("setDate", selected); 
     $("#txtToDate").datepicker("option", "minDate", "+3d"); 
    } 
    }); 

    $("#txtToDate").datepicker({ 
    onSelect: function(selected) { 
     $("#txtFromDate").datepicker("setDate", selected); 
     $("#txtFromDate").datepicker("option", "maxDate", "-3d") 
    } 
    }); 
});