Показать в DatePicker Javascript месяцы, указанные в раскрывающемся меню

Question

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.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>

<p>Select Date: <input type="text" class="datepicker"></p>
<script>
$(document).ready(function () {
        var today = new Date();
        $('.datepicker').datepicker({
            format: 'mm-dd-yyyy',
            autoclose:true,
            endDate: "today",
            minDate:"today",
            maxDate: "+2m"
        }).on('changeDate', function (ev) {
                $(this).datepicker('hide');
            });


        $('.datepicker').keyup(function () {
            if (this.value.match(/[^0-9]/g)) {
                this.value = this.value.replace(/[^0-9^-]/g, '');
            }
        });
    });
</script>

Я хочу показывать только указанные месяцы в средствах выбора даты, я имею в виду, если выпадающий список вне средства выбора даты имеет параметры по элементам, например, один вариант - январь-февраль-март, второй вариант - апрель-май-июнь, я хочуDatePicker показывает только эти месяцы, я хочу, чтобы он показывал по триместру, выбранному в выпадающем меню, это возможно?

Answer 1

Это определенно возможно. Вы можете проверить документацию API для получения дополнительной информации, но в целом средства выбора даты JQueryUI могут быть ограничены, например:

$( function() {
    $( "#datepicker" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });
} );

Вы просто хотите проверить val() вашего другого выпадающего списка перед отображением даты. выберите и ограничьте соответственно.

Пример из https://jqueryui.com/datepicker/#min-max, который также отмечает, что вы можете установить диапазон ограничения для определенных дат, таких как (new Date(2009, 1 - 1, 26)), если вы предпочитаете это для расчета смещений.