如何在 Angular 中使用 ngx-mat-datetime-picker 在 datetimepicker 中设置文本答案

【问题标题】：How to set text in datetimepicker with ngx-mat-datetime-picker in Angular如何在 Angular 中使用 ngx-mat-datetime-picker 在 datetimepicker 中设置文本
【发布时间】：2022-10-12 23:37:53
【问题描述】：

我正在使用来自 angular-material-components 的库 ngx-mat-datetime-picker 来获取日期时间选择。到目前为止它运行良好，但我需要能够在小时和分钟之前设置文本，例如“HH”和“MM”。

我所拥有的是：

我正在寻找的是这样的：

有人可以帮忙吗？

这是我的代码：

        <mat-form-field>
          <input matInput [ngxMatDatetimePicker]="dateStart" placeholder="Date Start" [(ngModel)]="dS" disabled>
          <mat-datepicker-toggle matSuffix [for]="dateStart"></mat-datepicker-toggle>
          <ngx-mat-datetime-picker #dateStart disabled="false"></ngx-mat-datetime-picker>
        </mat-form-field>

【问题讨论】：

标签： angular typescript angular-material angular-daterangepicker

【解决方案1】：

我正在使用版本@角材料组件/日期时间选择器 @7.0.0这种行为是默认包含, 你也可以使用 [stepHour], [stepSecond] 和 [stepMinute] 属性来控制步长

<ngx-mat-datetime-picker #picker
      [stepHour]="1" 
      [stepSecond]="10" 
      [stepMinute]="5" 
      [enableMeridian]="true">
</ngx-mat-datetime-picker>

【讨论】：