Угловой материал 10: Создание открытого окна выбора диапазона дат

Question

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

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

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

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

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

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

Answer 1

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