Angular материал 10: Создание неограниченного выбора диапазона дат

Question

Одним из примечательных изменений в Angular 10 была часто запрашиваемая функция выбора диапазона дат: https://material.angular.io/components/datepicker/overview#date -range-selection

Это позволяет вам выбрать начало дата и дата окончания в одном средстве выбора.

Я хочу использовать этот ввод в нужной мне форме, чтобы фильтровать записи из базы данных. Однако, согласно требованиям, я должен иметь возможность не указывать дату начала или дату окончания. Итак, я должен быть в состоянии охватить весь следующий примерный сценарий ios:

1. с 15 мая 2020 г. по 30 июня 2020 г. : выбрать все записи с датами в заданном диапазоне
2. Не указано до 30 июня 2020 г. : выберите все записи с датами до 30 июня.
3. 15 мая 2020 г. до Не указано : выберите все записи, начиная с 15 мая.

Выполнить случай 1 довольно просто. Я не уверен, как go выполнить случаи 2 и 3.

Кто-нибудь может помочь?

Answer 1

Просто условно установите [min] и [max] на соответствующих входах. Установка их на элементы input фактически ограничит возможности выбора в datepicker