Angular Material - 在页面加载/ html标记上嵌入日期选择器

Question

我要求必须在页面中显示素材日期选择器（实际的日期选择器本身而不是图标）。

页面应始终显示日期选择器，而不是单击图标。

有人可以帮助/指导我。

Answer 1

尝试使用：

<mat-datepicker opened="true" #picker></mat-datepicker>

Answer 2

我遇到了同样的问题，但不幸的是 <mat-datepicker opened="true" #picker></mat-datepicker>不起作用。

我也分析了源代码，似乎他们没有处理这种情况或者没有工作。

我所做的工作就是把重点放在元素上，然后继续开放。

 <input matInput id="matInputEle" [matDatepicker]="picker" (focus)="picker.open()" >

在.ts内添加一项功能

ngOnInit() { 
   setTimeout(()=>{
        document.getElementById("matInputEle").focus();
   },1);
}

希望这会有所帮助。

我们需要等待这个问题在Angular材料中修复，直到我接受这个。

Answer 3

导入MatCalendar时可以使用MatDatepickerModule组件

<mat-calendar (selectedChange)="onDateChange($event)"></mat-calendar>

输入和输出尚未记录，但是您可以从源中查看API是什么/material/datepicker/calendar.ts#L157