Angular Material MatDatePicker - 如何保持打开状态并将其与输入字段分开

Question

我正在使用来自 Angular Material 的 MatDatePicker。

最好我只想使用日期选择器中的日期选择视图，而没有打开它的输入字段。

我还想让日期选择器保持打开状态，因此它静态地是视图的一部分。

目前日期选择器设置如下：

<input type="text" matInput [matDatepicker]="datePickerFrom" readonly name="fromDate" [(ngModel)]="lookup.FromDate" #fromDate="ngModel">
<mat-datepicker #datePickerFrom [opened]="true" [startView]="'month'">
</mat-datepicker>

日期选择器按预期启动打开，但由于它位于前台，因此当用户单击日期选择器本身以外的任何其他地方时，它将关闭。

此外，日期选择器需要一个输入字段 - 预期用途是从输入字段打开日期选择器，并使用日期选择器视图选择日期。是否可以只使用日期选择器视图来选择一个数据，而没有输入字段？

也许 Angular Material Date Picker 不是达到这个目的的方法，所以任何替代方案都可能是这个问题的真正答案。

Answer 1

导入MatDatePickerModule但使用<mat-calendar></mat-calendar>组件