Показывать предопределенные параметры диапазона и календарь одновременно (daterangepicker.js)

Question

Используя библиотеку JS daterangepicker Я хотел бы показать список предопределенных диапазонов И календаря одновременно. В настоящее время предполагается, что календарь будет отображаться только в том случае, если выбран параметр «Пользовательский диапазон», как указано в этого связанного билета в репо . Тем не менее, мне трудно выбрать какой-то случайный день в прошлом, подобный этому.

Например, представьте, что у меня есть следующие предопределенные диапазоны: «Сегодня», «Вчера», «Эта неделя» и «Пользовательский диапазон». В случае, если я позволю своим пользователям выбрать 4 дня назад, им потребуется:

1. Открыть виджет
2. Выберите «Пользовательский диапазон»
3. Выберите четыре дня в прошлом в качестве начального диапазона
4. Выберите четыре дня в прошлом снова в качестве конечного диапазона

Это 4 щелчка мышью для выбора одной даты с возможностью выбора предопределенных диапазонов! Почему они не показывают простой календарь выбора, прежде чем нажать на «Пользовательский диапазон», чтобы позволить пользователям выбрать одну дату всего одним щелчком мыши? Есть идеи?

Answer 1

У меня есть такая же функциональность в моем приложении, где пользователь может выбрать предопределенный диапазон (например, последние 7 дней, последний месяц, последние 3 месяца, последние 6 месяцев и т. Д.).Что я сделал, так это добавил выпадающий список с этими параметрами, и всякий раз, когда пользователь нажимает «Пользовательский диапазон», он открывает средство выбора диапазона дат.

Теперь, можем ли мы отобразить их в средстве выбора диапазона дат, некоторые могут утверждать, что эти диапазоны могутсильно меняются, и установка их и заполнение в раскрывающемся списке через конфигурацию, кажется, выходит за рамки выбора диапазона дат.Но вы можете настроить lib для реализации, если хотите.