角材料-在页面加载/ html标签上嵌入日期选择器

Question

我有一个要求，在页面中必须显示材料数据报警器(实际的数据报警器本身，而不是图标)。

页面应该始终显示数据报警器，而不是单击图标。

有人能帮我/指导我吗？

​

​

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);
}

希望这能有所帮助。

我们需要等待这个问题得到固定的角度材料，直到我将这个。

Answer 2

试着使用以下方法：

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

Answer 3

导入MatCalendar时可以使用MatDatepickerModule组件

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

输入和输出还没有文档化，但是您可以签出API是什么/材料/数据报头/日历#L 157的源。