Angular 2 multiple custom value accessor

angular angular2-directives ng-bootstrap maskedinput
Rafael Andrade picture Rafael Andrade · Jun 5, 2017 · Viewed 10.5k times · Source

I am creating an application using angular2.

I need to get a Date from user input using a calendar popover, but I need to put a mask on user input to stay in this format dd-mm-YYYY when he is typing.

I am using two different modules that I got from web ng-bootstrap and angular2-text-mark

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

When I use textMask and ngbDatepicker on same tag I get this error

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

Is there a way to do this kind of things ?

Thanks

Answer

Akshay picture Akshay · Dec 25, 2018

I was facing the same problem. I have used "ngx-datepicker with mask".I removed ngModel from the input and it's working absolutely fine.

Related questions

Disable ngbDatepicker input

Im using ngbDatepicker and ng2-datepicker-jalali. I use ngbDatepicker directive like below: <div class="input-group" dir="ltr"> <input class="form-control" placeholder="yyyy/m/d" name="dp" [(ngModel)]="registerDate" ngbDatepicker [firstDayOfWeek] = "6" [disabled]="disabled" #d="ngbDatepicker" > <button …

Read More
How to pass object from one component to another in Angular 2?

I have Angular components and first component uses the second one as a directive. They should share the same model object, which is initialized in the first component. How can I pass that model to the second component?

Read More
Angular 2 Scroll to top on Route Change

In my Angular 2 app when I scroll down a page and click the link at the bottom of the page, it does change the route and takes me the next page but it doesn't scroll to the top of the …

Read More