如何在Angular 2中的NGX-MydatePicker中添加文本掩码

Question

我正在使用ngx-mydatepicker用于日期字段。我需要在该代码中添加文本掩码。当我尝试添加时，我会出现一个错误，因为"一个以上的自定义值访问器匹配形式具有未指定的名称属性"。

现在如何添加文本掩码？我将Angular2-Text面罩NPM用于文本掩码。它适用于其他输入字段。但不在ngx-mydatepicker日期字段

Answer 1

我试图找出同样的问题，但是当我搜索错误时，我看到人们说，它无法克服此错误。因此，当您找不到解决问题的解决方案时，请务必去香草。

解决方案：

在您的项目中添加面具助手

export function MaskedDate(event: any) {
  var v = event.target.value;
  if (v.match(/^d{2}$/) !== null) {
    event.target.value = v + '/';
  } else if (v.match(/^d{2}/d{2}$/) !== null) {
    event.target.value = v + '/';
}
}

在您的组件上：

import { MaskedDate } from './helpers/mask.helper';

在您的组件中声明属性：

  dateMask = MaskedDate;

在您的组件中：

 <input style="float:none"  (keyup)="dateMask($event)" formControlName="birth_date"  placeholder="Select a date"  ngx-mydatepicker [options]="myOptions" #dp="ngx-mydatepicker"/>

您仍然可以使用其他输入的文本掩码，没问题。