Диапазон дат календаря jquery UI показывает слишком много месяцев ⇐ Jquery

[Anonymous]

У меня есть код пользовательского интерфейса jquery, в котором я пытаюсь отобразить 6 месяцев текущего года, начиная с этого месяца и до следующих 5 месяцев, то есть всего 6 месяцев, но сейчас он выходит за рамки этих 6 месяцев и показывает слишком много месяцев.
поэтому, вероятно, у него две цифры:

• Он показывает диапазон месяцев, но показывает 6 раз по 6 месяцев, то есть в общей сложности 6*6 = 36 месяцев, что неправильно.
• когда я нажимаю стрелки «следующий/предыдущий», он прокручивает календарь пользовательского интерфейса jquery вместо навигации между даты.

Вот ниже код y, а также ссылка JSFiddle
HTML First

Код: Выделить всё

Date and Time Range Selector




.date-time-range-selector {
display: flex;
flex-direction: column;
align-items: center;
margin: 20px;
}
.calendar-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.month-container {
margin: 10px;
}
.time-slider {
width: 200px;
margin-top: 10px;
}




Select Date and Time Range:

а вот JS-код

Код: Выделить всё

$(function() {
const $input = $("#dateTimeRange");
const $calendarPopup = $("#calendar-popup");
const $calendarContainer = $calendarPopup.find(".calendar-container");

let startDate, endDate, startTime, endTime;

function updateInputValue() {
if (startDate && endDate && startTime && endTime) {
$input.val(`${startDate.toLocaleDateString()} ${startTime} - ${endDate.toLocaleDateString()} ${endTime}`);
} else if (startDate && startTime) {
$input.val(`${startDate.toLocaleDateString()} ${startTime} - Select end date`);
} else {
$input.val('');
}
}

function createCalendar(date) {
const $monthContainer = $("").addClass("month-container");
const $calendar = $("").datepicker({
defaultDate: date,
numberOfMonths: [2,3],
showOtherMonths: true,
selectOtherMonths: true,
beforeShowDay: function(date) {
const isInRange = startDate && endDate && date >= startDate && date 

Подробнее здесь: [url]https://stackoverflow.com/questions/79008194/jquery-ui-calendar-date-range-showing-too-many-months[/url]