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

Question

我有一个要求，其中必须在页面中显示 Material 日期选择器(实际日期选择器本身而不是图标)。

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

有人可以帮助/指导我吗？

Answer 1

我遇到了同样的问题，不幸的是 <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 Material 中得到解决，直到我解决这个问题。