角度材料10:使日期范围选择器开放式

时间:2020-07-11 10:28:37

标签: angular angular-material angular10

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

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

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

  1. 2020年5月15日至2020年6月30日:选择日期在给定范围内的所有记录
  2. 未指定至2020年6月30日:选择日期截至6月30日的所有记录。
  3. 2020年5月15日至未指定 :选择5月15日以后的所有记录。

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

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:1)

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