如何在Angular 8中的Material Angular中创建持续时间选择器

Question

我希望实现一个可以捕获HH:MM格式输入的持续时间。垫子日期选择器可以选择，但限制是它允许在24小时内捕获时间，但输入字段也应该能够捕获输入，如32:45，即34小时45分钟。

我不确定我们是否可以实现日期时间选择器。单用垫子输入场捕捉也将是一个伟大的。

<mat-form-field>
<mat-label>Enter the Duration</mat-label>
<input matInput [matDatepicker]="picker">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field>

Answer 1

我为DurationPicker设计了一个指令，可以应用于Mat输入字段

在以下链接中演示

https://stackblitz.com/edit/angular-lyajg3?file=src%2Fapp%2Fmy-持续时间-客户导向.ts