验证datepicker组件中的特殊字符

Question

我正在使用基本的datepicker组件。

这里的条件是：  datepicker的输入字段不应包含special character except( / )和字母。我尝试使用此模式。

datepick: [null, [Validators.pattern('[0-9-/]+')]],

但是结果相反。不允许我连numbers都输入。相同的('[0-9-/]+')模式对于正常的 input 组件工作正常。这里是{ {3}}链接。

Answer 1

尝试以下风箱：

export class AddCustomerComponent implements OnInit {

  public addCusForm: FormGroup;
  public allowedRegex = /[0-9\/]/g;
  constructor(private fb: FormBuilder) {}

  public ngOnInit(): void {
    this.addCusForm = this.fb.group({
      datepick: [null, [Validators.pattern(this.allowedRegex)]],
    });
  }

}