从日期选择器过滤器功能中排除当前的角度材料日期选择器

时间:2021-07-28 23:40:21

标签: javascript angular angular-material

我面临以下情况:

我有一个表单数组,它允许动态添加或删除 Angular Material MatDateRangePicker 对象。在 dateRangePicker 中选择特定范围时,我希望在表单数组的其他 dateRangePicker 中禁用该范围。

我正在使用 dateFilterFn 方法来应用过滤器。

我的问题是,当在特定 dateRangePicker 中选择一个范围时,它会禁用所有其他 dateRangePicker 中的特定范围(这是所需的行为),但也会禁用当前 dateRangePicker 中的该范围。因此,当我重新打开我们刚刚应用范围的选择器时,整个范围都被禁用,如果我想在此选择器中重新应用一个新范围(包括先前选择范围内的日期),这很不方便日期范围选择器。

enter image description here

如果有人能帮我解决这个问题,我将不胜感激。

我创建了一个 stackBlitz 项目来模拟我正在开发的应用程序的此功能: https://stackblitz.com/edit/angular-ivy-zjpbcw?file=src/app/app.component.ts

0 个答案:

没有答案