在选择日期后保持打开的mat-datepicker可以通过以下步骤实现:
isOpen: boolean = false;
。<input matInput [matDatepicker]="picker" [(ngModel)]="selectedDate" (click)="isOpen = true">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker [opened]="isOpen"></mat-datepicker>
在上面的代码中,我们使用了[(ngModel)]
来绑定选择的日期到selectedDate
变量上。当点击输入框时,我们将isOpen
设置为true
,以打开mat-datepicker。
isOpen
设置为true
。例如:onDateSelected(event: any) {
this.isOpen = true;
}
这样,当你选择一个日期后,mat-datepicker将保持打开状态,直到你手动关闭它。
推荐的腾讯云相关产品:腾讯云云服务器(CVM),腾讯云容器服务(TKE),腾讯云对象存储(COS)。
腾讯云云服务器(CVM):是一种可弹性伸缩的云服务器,提供高性能、高可靠的计算服务,适用于各种应用场景。
腾讯云容器服务(TKE):是一种高度可扩展的容器管理服务,提供弹性伸缩、高可用、安全可靠的容器化应用部署和管理能力。
腾讯云对象存储(COS):是一种安全、低成本、高可靠的云端对象存储服务,适用于存储和处理各种类型的数据,如图片、视频、文档等。
你可以通过以下链接了解更多关于腾讯云相关产品的详细信息:
领取专属 10元无门槛券
手把手带您无忧上云