在输入类型日期，Angular 5中键入日期时自动连字符

Question

如何在键入日期时在输入类型日期获得自动连字符？

e.g。我想要这样的输出...... 如果我想输入日期2018-06-18，在2018年之后输入，＆＃34; - ＆＃34;应该自动显示并附加到2018年，并且.ts上的变量绑定应该是2018年，同样是在2018-06-06之后 - 。

我在输入端控制输入通过（按键）功能..

在.ts文件中..

  keypress(event: any) {
    const pattern = /[0-9\- ]/
    let inputChar = String.fromCharCode(event.charCode);
    if (event.keyCode != 8 && !pattern.test(inputChar)) {
      event.preventDefault();
    }
  }

在HTML文件中......

<input maxlength="10" minlength="10" (keypress)="keypress($event)" placeholder="YYYY-MM-DD" name="dateOfBirth" [(ngModel)]="pupil.dateOfBirth" required>