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

查看:79
本文介绍了即使从日历中选择了一个日期,如何也保持日期日期选择器的压光机打开?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想在特定的div中保持mat-datepicker打开.我使用了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();
}

别忘了导入ViewChildElementRef

这是我在 Stackblitz

这篇关于即使从日历中选择了一个日期,如何也保持日期日期选择器的压光机打开?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆