如何在选择日期后保持打开的mat-datepicker？

Question

我正在寻找一个解决方案，保持开放的角度材料日期选择器或垫日期选择器后。

我遵循了这个解决方案，解决方案的唯一问题是每次我选择它关闭和重新打开动画的日期。我的每一次尝试都没能停止那个动画。

How to keep mat-datepicker calender open, even after selecting a date from calendar?

下面是mat datepicker的代码

<mat-form-field class="example-full-width">
  <input matInput [matDatepicker]="picker" aria-owns="mat-datepicker-0" placeholder="Choose a date">
  <mat-datepicker #picker class="d-block"></mat-datepicker>
</mat-form-field>

Answer 1

你必须添加下面的代码来按照https://github.com/angular/components/issues/4227#issuecomment-348148642禁用动画

constructor( private overlayContainer:OverlayContainer, private renderer:Renderer2 ) {

    const disableAnimations:boolean = true;

    // get overlay container to set property that disables animations
    const overlayContainerElement:HTMLElement = this.overlayContainer.getContainerElement();

    // angular animations renderer hooks up the logic to disable animations into setProperty
    this.renderer.setProperty( overlayContainerElement, "@.disabled", disableAnimations);
}

和https://stackblitz.com/edit/angular-xq2upq工作代码