小编Jul*_*ner的帖子

如何使用角度材料实现范围内联日历?

我想使用物料日历作为范围内联日历来显示和插入日期范围。当使用 mat-date-range-picker 时,这只是工作(但不是内联)。使用 mat-calendar 时,它适用于内联,但不适用于范围。但是,如果我将 selectedRangeValue 作为 DateRange 而不是 Date 传递,则范围将正确显示。

唯一还缺少的就是输入...

这是我现在使用的代码(缩写):

<mat-calendar (selectedChange)="selectedRangeChange($event)"
              [selected]="selectedRangeValue"
>
</mat-calendar>
Run Code Online (Sandbox Code Playgroud)
selectedRangeValue: DateRange<Date> =  new DateRange<Date>(this.selectedValue.begin, this.selectedValue.end);
Run Code Online (Sandbox Code Playgroud)

我必须这样做,因为 Saturn Date picker 仅在 Angular 9 之前受支持,并且从 Angular 10 开始,Material Datepicker 支持日期范围。但是这个“内联日期范围日历”我无法工作......

我发现https://github.com/angular/components/issues/20697描述了相同的问题并找到了解决方案,但没有写下来,所以这没有帮助。

我也尝试了解 Angular Material Datepicker 的源代码,但不幸的是我仍然不明白。我将不胜感激任何帮助或提示。

angular-material angular

4
推荐指数
1
解决办法
5779
查看次数

标签 统计

angular ×1

angular-material ×1