daterangepicker date limit для минимальной даты

Есть ли возможность для daterangepicker выбрать максимум 60 дней дат и минимум 10 дней. Я вижу вариант использования dateLimit, который устанавливает предел только для данного числа. Не для минимальных и максимальных дней дат. Значит, я хочу, чтобы пользователь выбрал максимум 60 дней или минимум 10 дней дат. Я пытаюсь выполнить поиск в Google, но не нашел ничего, кроме dateLimit. Кто-нибудь знает, как с этим справиться?

Любая помощь приветствуется. Спасибо.


jquery daterangepicker bootstrap-daterangepicker
person SandyK    schedule 27.04.2020    source источник
comment
Я не знаю, какой daterangepicker вы используете, но я думаю, вы можете написать простой обратный вызов для одного из его событий и самостоятельно проверить текущие выбранные значения на свои условия.   -  person Lapskaus    schedule 27.04.2020
comment
Спасибо @lapskaus. Я использую это с daterangepicker.com   -  person SandyK    schedule 27.04.2020

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете попробовать этот пример, потому что вам нужно использовать moment.js для выбора диапазона дат daterangepicker.com. Все доступные варианты выбора диапазона дат можно найти здесь.

Для работы с momentjs вы можете найти дополнительную информацию здесь.

$(document).ready(function() {
  $('input[name="daterange"]').daterangepicker({
    // you can use this optionally -> maxSpan: 50
    minDate: moment().add(10, 'days').calendar(),
    maxDate: moment().add(60, 'days').calendar()
  });
});
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>

<input type="text" name="daterange" />

person UfguFugullu    schedule 27.04.2020