Отключить дату окончания не более 10 дней календарного JavaScript

Question

Я хочу знать, отключить дату окончания не более 10 дней.это значение выберите динамическую дату начала

пример: выберите начальную дату 12/12/2018 выберите конечную дату (выберите дату более 10 дней) 12/30/2018

динамическая начальная датадо окончания 10 дней, кроме того, отключить всю продолжительность календаря 1-10 дней / мин1 - макс. 10

<script>
    $("#dateFrom").datepicker({
        "onSelect": function () {
            var input = $(this);
            var dayAfter = input.datepicker("getDate");
            dayAfter.setDate(dayAfter.getDate() + +10);
            $("#dateTo").datepicker("option", "minDate", dayAfter);
            $("#dateTo").datepicker("refresh");
        }
    });
    $("#dateTo").datepicker({
        "onSelect": function () {
            var input = $(this);
            $("#dateFrom").datepicker("option", "maxDate", input.datepicker("getDate"));
            $("#dateFrom").datepicker("refresh");
        }
    });
</script>

  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div> <span>startdate :</span>

    <input type="text" class="datepicker-to" id="dateFrom" name="dateFrom" />
</div>
<div> <span>enddate :</span>

    <input type="text" class="datepicker-to" id="dateTo" name="dateTo" />
</div>

Answer 1

Если я не ошибаюсь, вы хотите, чтобы startDate и endDate были в течение 10 дней. Вы можете попробовать это:

  `$("#dateFrom").datepicker({
  "onSelect": function() {
    var input = $(this);
    var dayAfter = input.datepicker("getDate");
    dayAfter.setDate(dayAfter.getDate() + 10);
    $("#dateTo").datepicker("option", "minDate", input.datepicker("getDate"));
    $("#dateTo").datepicker("option", "maxDate", dayAfter);
    $("#dateTo").datepicker("refresh");
  }
});
$("#dateTo").datepicker({
  "onSelect": function() {
    /*     var input = $(this);
        $("#dateFrom").datepicker("option", "maxDate", input.datepicker("getDate"));
        $("#dateFrom").datepicker("refresh"); */
  }
});`

У меня есть тест;все нормально;посмотрите мой jsfiddle: введите описание ссылки здесь

Answer 2

Вы используете jQuery Datepicker?Для этого есть опция.

// Getter
var maxDate = $( ".selector" ).datepicker( "option", "maxDate" );

// Setter
$( ".selector" ).datepicker( "option", "maxDate", "+1m +1w" );

Ссылка на документацию .