Javascript Date Range Picker - Single Calendar для выбора диапазона

Question

Я использую этот компонент выбора диапазона дат: http://www.daterangepicker.com/, и по умолчанию виджет показывает два календаря. Я хотел бы показать только один календарь и иметь возможность использовать кнопки <>, чтобы выбрать следующие/предыдущие месяцы при выборе даты начала и окончания, т. Е. Иметь возможность выбрать дату начала в январе (показывается только январь), а затем выбрать конец в марте (показывается только в марте), нажав кнопку>. Существует опция для singleDatePicker: true, но это отключает возможность выбора диапазона дат.

Answer 1

У меня также была такая же проблема, но преодолеть ее, добавив в нее несколько css, надеюсь, что это также поможет вам.

.calendar.right thead>tr:nth-child(2) { 
 
    display: none; 
 
} 
 
.calendar.right tbody { 
 
    display: none; 
 
} 
 
.daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar { 
 
    float: none !important; 
 
} 
 
.daterangepicker .calendar.right .daterangepicker_input { 
 
    position: absolute; 
 
    top: 45px; 
 
    left: 8px; 
 
    width: 230px; 
 
} 
 
.calendar.left .calendar-table { 
 
    margin-top: 45px; 
 
}