Как применить поведение маски в простом календаре (р-каландре)?

Question

Я новичок в angular. В p-каландре я не могу применить маскирующее поведение. если пользователь вводит 01012012, я должен изменить 01-01-2012. Заранее спасибо.

Answer 1

Попробуйте:

 onKeyDate(event: any){
   event.target.value = event.target.value.replace(/^(\d{2})(\d{2})(\d{4})/, '$1-$2-$3');
  }

в HTML:

<input type="text" name="data" placeholder="Date:"(keyup)="onKeyDate($event)">

Answer 2

Вы можете использовать это ngx-mask. Вот вам документация: маска ngx

После установки вы можете использовать его в своем вводе так:

<input mask="00-00-0000">