即使从日历中选择日期，如何保持mat-datepicker日历打开？

Question

我想在特定的div中保持mat-datepicker开放。我使用了opened=true属性，但在选择日期后它会被关闭。

Answer 1

这应该适合你：

将此添加到您的input

(click)="_openCalendar(picker)"
#keepOpen

这是mat-datepicker

(closed)="_openCalendar(picker)"

这是你的打字稿：

@ViewChild('keepOpen') _input: ElementRef;

_openCalendar(picker: MatDatepicker<Date>) {
  picker.open();
}

请勿忘记导入ViewChild和ElementRef

这是Stackblitz

上的工作样本

Answer 2

在Datepicker中使用close事件，并使其强制打开。 工作示例： https://stackblitz.com/edit/angular-ysspzm-ge2r2y