angular mat-menu 中不显示日期选择器
angular datepicker is not displayed in mat-menu
我想在mat-menu上显示一个日历,因为我想看起来像airbnb,你点击一个按钮,日历就会被打开,但日历并没有被显示。
这是代码:
<div fxFlex="0 1 auto">
<button mat-raised-button [matMenuTriggerFor]="dateRangeMenu">
{{startEndDate}}
</button>
<mat-menu #dateRangeMenu="matMenu" [overlapTrigger]="false">
<aa-animatepicker [options]="datepickerOptions" [(selectedDates)]="dates"
(click)="$event.stopPropagation()">
</aa-animatepicker>
</mat-menu>
</div>
有人知道如何实现吗?
你应该使用
<ng-template matMenuContent>
如果你想在 mat-menu 中加入日期选择器。
我想在mat-menu上显示一个日历,因为我想看起来像airbnb,你点击一个按钮,日历就会被打开,但日历并没有被显示。
这是代码:
<div fxFlex="0 1 auto">
<button mat-raised-button [matMenuTriggerFor]="dateRangeMenu">
{{startEndDate}}
</button>
<mat-menu #dateRangeMenu="matMenu" [overlapTrigger]="false">
<aa-animatepicker [options]="datepickerOptions" [(selectedDates)]="dates"
(click)="$event.stopPropagation()">
</aa-animatepicker>
</mat-menu>
</div>
有人知道如何实现吗?
你应该使用
<ng-template matMenuContent>
如果你想在 mat-menu 中加入日期选择器。