Как я могу с помощью bootstrap-datepicker sanbox ограничить выбор дней в 1 месяце?

Question

Я имею в виду этот DatePicker:

https://uxsolutions.github.io/bootstrap-datepicker/

HTML:

<div id="sandbox-container">
    <label for="date_start">Fecha de inicio</label>
    <input type="text" class="form-control">
    <label for="date_end">Fecha de termino</label>
    <input type="text" class="form-control">
</div>

JavaScript:

$('#sandbox-container input').datepicker({});

Чтобы быть более точным, я имею в виду, как я могу ограничить выбор только 1 месяцем, 1-X неделей или X днем, что в целом составляет 1 месяц, но не может быть выбран более 1 месяца.

Пример:

• Хорошо
  1. 03-01-2019 до 03-31-2019
  2. 03-01-2019 до 03-01-2019
  3. 03-01-2019 до 03-20-2019
• Плохой
  1. 03-01-2019 до 04-19-2019
  2. 03-01-2019 до 03-01-2020
  3. 02-01-2019 до 03-01-2019

Answer 1

Я не смог протестировать этот, но в соответствии с документами и он может выглядеть следующим образом

HTML:

<div id="sandbox-container" class='start'>
    <label for="date_start">Fecha de inicio</label>
    <input type="text" class="form-control">
</div>
<div id="sandbox-container" class='end'>
    <label for="date_end">Fecha de termino</label>
    <input type="text" class="form-control">
</div>

Сценарий:

$('.start').datepicker();
$('.end').datepicker();
$(".start").on("dp.change", function (e) {
    var startDate = e.date
    var split = startDate.split("-");
    var maxDate = (split[0] + "-31-" + split[2])
    $('.end').data("DatePicker").maxDate(maxDate);
});

В соответствии с вашим форматом даты: ММ-ДД-ГГГГ
Надеюсь, это поможет