Angular 材料 10：使日期范围选择器开放式答案

【问题标题】：Angular material 10: Making a Date range picker open-endedAngular 材料 10：使日期范围选择器开放式
【发布时间】：2020-11-01 00:04:05
【问题描述】：

Angular 10 中一个值得注意的变化是日期范围选择的经常请求功能： https://material.angular.io/components/datepicker/overview#date-range-selection

它使您可以在同一个选择器中选择开始日期和结束日期。

我想在我需要的表单中使用此输入，以便从数据库中过滤记录。但是，根据要求，我应该可以不指定开始日期或结束日期。所以，我应该能够涵盖以下所有示例场景：

完成案例 1 非常简单。我不确定如何完成案例 2 和案例 3。

谁能帮忙？

【问题讨论】：

【解决方案1】：

只需在相关输入上有条件地设置[min] 和[max]。在 input 元素上设置这些将有效地限制日期选择器中的选择选项

【讨论】：

我不想限制用户选择任何日期。对于案例 2，我想假装他们已经选择了遥远过去的开始日期。对于案例 3，我想给他们一个选项，根本不选择结束日期。
我猜你必须以编程方式进行。对于第 2 点，您可以将最小值绑定到第一个数据库条目日期。对于 3. 如果您的数据库中没有未来日期条目或最后一个期货条目，您只能设置当前交互日期。
我不想限制用户选择任何日期。 是的，您希望有条件限制日期范围 - 使用 min/max 是一种方式去做。
@Antoniossss 他们没有。再读一遍。据我了解，他们想要一个“无限”选项。这样我就可以选择，比如说，我的一生是 1996 年至今。你的答案很好，但问错了问题。