以 HHH:MM 格式输入小时数的 Angular 自定义验证器

问题描述

我需要以小时和分钟为单位验证输入，但它是 HHH:MM 中 6 个字符的奇怪格式。 例如，30hrs and 15 mins 需要在输入中输入，如 030:15

我尝试创建自定义验证器的尝试如下，但我需要一些帮助来让正则表达式比较输入的小时数介于 0-70 和 00-59 之间。

import { AbstractControl,ValidatorFn,FormControl } from '@angular/forms';
export class RegexConstants {
  public static DECIMAL_6_4 = /^[0-9:-]{6}$/;
}
export function hoursClaimedValidator(input: string,reg: RegexConstants){     

    return (control: AbstractControl):{[key: string]: boolean} | null => {

    if( control.value !==null && (isNaN(control.value) || control.value.toString().match(reg))) 
    {
       return {'hoursClaimed': true}
    }
    return null;
 };
}
@H_502_10@

解决方法

所以，如果你需要一个正则表达式来处理你需要的输入，你可以试试这个：

hhhmm = new RegExp(/^0([0-6][0-9]|70):[0-5][0-9]$/);

使用第一个插入符号强制用户以 0 开头。然后创建一个 or 语句，让用户在 00 到 69 的组合或 70 之间进行选择。在此之后，一个冒号(:) 是需要的。最后，字符串必须以 00 到 59 之间的数字结尾。