如何在 Mat Date Picker 中隐藏日历标题（calendarHeaderComponent）

Question

我添加了一个日期选择器：

<mat-form-field appearance="outline" class="pad-20">
        <mat-label>Monthly Scheduling Day</mat-label>
        <input matInput [matDatepickerFilter]="monthlyDateFilter" [matDatepicker]="testPicker"
          (dateChange)="onDateSelectionChange('Monthly', $event)" onkeypress="return false;"
          [formControl]="monthlyDatePickerForm">
        <mat-datepicker-toggle matSuffix [for]="testPicker"></mat-datepicker-toggle>
        <mat-datepicker #testPicker></mat-datepicker>
      </mat-form-field>

而且我不想要日历标题组件

它应该有点像下图

我可以使用什么选项来使其正常工作。

Answer 1

虽然这已经很旧了，但我来寻找相同的解决方案，但没有看到答案。

我发现这可以通过使用 calendarHeaderComponent 功能来完成，该功能至少从 Material v6.4.7 开始可用。您可以按照发布的示例来创建和使用自定义标头组件。 但是，只需定义并传递一个空白组件即可：

/** Custom header component for datepicker. */
@Component({
  selector: 'blank-header',
  template: ``,
  standalone: true,
})
export class BlankHeader<D> {}

这将创建以下输出：