垫对话框中的 Ngx 材质时间选择器字段问题

Question

我在 mat 对话框内使用 ngx 材质时间选择器字段，并面临数据正确映射到表单组并且打开时钟视图时时间也正确显示的问题。但时间没有正确显示在时间选择器字段上，它仍然显示默认占位符“HH : MM”

https://agranom.github.io/ngx-material-timepicker/（使用本页给出的 ngx timepicker 字段示例）

ngx 时间选择器字段在 mat 对话框中不起作用还是有什么我错过的？我在项目的另一部分（不是在垫对话框中）使用相同的字段，并且它按预期工作。

Answer 1

试试这个，

<mat-form-field>
  <mat-label>Start Time</mat-label>
    <ngx-timepicker-field [format]="24" formControlName="StartTime" required>
    </ngx-timepicker-field>
</mat-form-field>

用

ngx-timepicker-field

标签包裹您的

<mat-form-field>

。 另外，请检查您是否导入了

NgxMaterialTimepickerModule

和正确的 module.ts 文件中的

MatDialogModule

Answer 2

我也有同样的问题。将 ngx-material-timepicker 更新到最新版本。并为时间选择器对话框提供更高的 z-index。这解决了问题