即使从日历中选择了日期，如何保持 mat-datepicker 日历打开? [英] How to keep mat-datepicker calender open, even after selecting a date from calendar?

问题描述

我想让 mat-datepicker 在特定的 div 中保持打开状态.我使用了 opened=true 属性，但它在选择日期后关闭.

I want to keep mat-datepicker open in a particular div. I used opened=true property but it gets closed after selecting a date.

推荐答案

这应该适合你:

将此添加到您的input

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

这给你的 mat-datepicker

(closed)="_openCalendar(picker)"

这是你的打字稿:

@ViewChild('keepOpen') _input: ElementRef;

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

不要忘记导入 ViewChild 和 ElementRef

这是我在 Stackblitz

这篇关于即使从日历中选择了日期，如何保持 mat-datepicker 日历打开?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！