如何在primeng calendar（p-calendar）中应用掩码行为？

【问题标题】：How to apply mask behavior in primeng calendar (p-calendar)?如何在primeng calendar（p-calendar）中应用掩码行为？
【发布时间】：2019-10-17 03:07:27
【问题描述】：

我是 angular 新手，在 p-calender 中，我无法应用掩蔽行为。如果用户输入 01012012，我必须更改 01-01-2012。提前致谢。

【问题讨论】：

标签： angular typescript primeng

【解决方案1】：

Here 是一个很好的例子，你可以屏蔽一个primeng 日历。该示例需要一些编码，如果您有多个角度项目，则库可能会很有用。您为primeng 的p 日历控件创建一个指令。它基于库inputmask。

【讨论】：

就像一个魅力。谢谢！

【解决方案2】：

试试这个：

 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)">

【讨论】：

【解决方案3】：

您可以使用此ngx-mask。这是文档：ngx-mask

安装后，您可以像这样在输入中使用它：

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

【讨论】：