在jQuery UI Datepicker中將第二個日期限制為+天

Question

這被標記為重復較早，我沒有得到任何答案。 它不是重復的，所以請不要將其標記為 ，另一篇文章與將第二個日期限制為第一選擇中的當前選定日期有關，我不打算這樣做，已經擁有了。 我試圖將+ 3days添加到第二個日歷/日期。 因此，如果我選擇的是今天的第一個日期和第二個日期，那么我應該不能選擇該日期+ 3天的日期。

示例 ：從日期為21/12/2016，然后在第二個字段中，我不能選擇較早的日期，然后為24/12/2016。

我的日期選擇器中出現日期范圍問題。 我需要至少在選定的“ carrental_from_date”之后3天擁有“ carrental_to_date”，但似乎沒有任何效果。

我嘗試將“ to_date”上的“ minDate”更改為“ + 3d”，但似乎沒有發現，我在這里確實找到了一個示例： 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 ：

最小可選日期。 設置為null時，沒有最小值。 支持多種類型：

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

數量：從今天開始的天數。 例如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")
    }
  });
});