Angular 2 多自定义值访问器

Question

我正在使用 angular2 创建一个应用程序。

我需要使用日历弹出窗口从用户输入中获取日期，但我需要在用户输入上放置一个掩码以在他输入时保持这种格式 dd-mm-YYYY。

我正在使用从网络 ng-bootstrap 和 angular2-text-mark 获得的两个不同模块>

<input [textMask]="{mask: mask}" type="text" class="form-control" placeholder="yyyy-mm-dd"
         name="dp" [(ngModel)]="date" ngbDatepicker #d="ngbDatepicker">

当我在同一个标​​签上使用 textMask 和 ngbDatepicker 时出现此错误

ERROR: More than one custom value accessor matches form control with unspecified name attribute.

有没有办法做这种事情？

谢谢

Answer 1

直到今天它都没有解决方案。这是我为仍然能够使用 MASKED INPUT 和 Ngb DATEPICKER 所做的工作，我创建了两个输入，一个带有屏蔽输入，另一个带有日期选择器。每当值发生变化时，它们都会更新主对象(以前是 ngModel 绑定(bind)。

这是代码。我希望它对某人有所帮助。

<div class="input-group">
  <input
    type="text"
    class="form-control form-control-sm"
    [(ngModel)]="begin_date"
    (change)="onDateInput($event.target.value)"
    placeholder="dd/mm/aaaa"
    [textMask]="{mask: maskedInput.date}"
  >
  <input
    type="hidden"
    (dateSelect)="onDateSelect($event)"
    [(ngModel)]="object.begin"
    ngbDatepicker
    #dI="ngbDatepicker"
  >
  <div class="input-group-addon">
    <button
      class="btn btn-outline-secondary btn-sm"
      (click)="dI.toggle()"
      type="button"
    >
      <i
        class="fa fa-calendar"
        aria-hidden="true"
      ></i>
    </button>
  </div>
</div>